Using HTML Panels to Implement Simple UI Extensions
Using HTML Panels to Implement Simple UI Extensions
You can combine standard panels with custom HTML content using HTM panels. For example, the following AXVW will be used to display dynamic localized instruction text:
<panel type="html" id="instructionsPanel">
<html>
<div id="instructions" class="instructions" style="height:10em;">
...dynamic text will be displayed here by JavaScript...
</div>
</html>
</panel>
After the view is loaded, you can add any HTML content to the <div> element using browser DOM API, or more advanced Ext.JS DOM manipulation API. In our example we will simply add localized text:
var instructionText = getMessage('instructionStep1');
Ext.get('instructions').dom.innerHTML = instructionText;