Documentation Center

User interface HTML files

Elements that define the structure of the LiveContent S1000D UI are contained in HTML files.

For UI customization, the element IDs defined for <div> elements in the HTML markup can be referenced by corresponding elements in the controls.xml configuration file to set display attributes for the UI control objects (such as buttons, icons, menus and the like) they represent. Classes assigned to a control in controls.xml are applied to the corresponding <div> element by CSS statements in the skin file used to style the UI.

HTML example

The following fragment of an LiveContent S1000D user interface HTML file shows the markup for a control button bar.

<div id="header">
             <div id="iconbuttons">
                   <div id="buttonBar">
                        <div class="buttonGroup">
                             <div class="buttonBox" id="CVCtrl_back" style="display:none">
                                  <img class="navButton"/>
                             </div>
                             <div class="menuBlank"/>
                        </div>
                        <div class="buttonGroup">
                             <div class="buttonBox" id="CVCtrl_forward" style="display:none">
                                  <img class="navButton"/>
                             </div>
                             <div class="menuBlank"/>
                        </div>
                        <div class="buttonGroup">
                             <div class="buttonBox" id="CVCtrl_home" style="display:none">
                                  <img class="navButton"/>
                             </div>
                             <div class="menuBlank"/>
                        </div>
                   </div>     
              </div>             
</div>