Versions Compared

Old Version 1

changes.mady.by.user Aadrian Zarin

Saved on

compared with

New Version Current

changes.mady.by.user Imran Uzair

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Image RemovedImage Added

Figure 1: Userview UI Theme with Language Selector

  1. English
    Place the following code in "Sub Header" in DX
    Progressive
    8 Plain Theme. Change line 2 and line 3 #appResource with country flag images.
    Code Block
    languagexml
    linenumberstrue
    <div id="languages">
    <li><a href="?_lang=en_US" class="btn waves-effect btn waves-button waves-float"><img  style= "height:30px;width:40px" title="English" src="#appResource.US-United-States-Flag-icon.png#"/></a></li>
    <li><a href="?_lang=pt_BR" class="btn waves-effect btn waves-button waves-float"><img style= "height:30px;width:40px" title="Portuguese" src="#appResource.PT-Portugal-Flag-icon.png#"/></a></li>
</div>
 
<script>
$(function(){
    $("#page > header > div.navbar-inner > div > div.nav-no-collapse.header-nav > ul").prepend( $("#languages li") );
});
</script>
  2. Upload country flags using "Properties & ExportApp Composer" > "Add ResourceResources".Image Removed


    Image Added

Download Sample App