autoWidthForMenus.html

<HTML>

<HEAD>

<script>var dFrameFilePath = '../../../../../dFrame/'</script>

<script language="Javascript" src="../../../../../dFrame/dFrame/lib/DFrameAPI.js"></script>

 

<script language="Javascript">

     //Style

     DFrameAPI.include('dFrame/styles/blue/styleBlue.js')

         

     DFrameAPI.onLoad = function(){   

          var dFrame = new DFrame([10, 10, 90, 90], 'baseMenu.html', dFrameStyle)                     

 

          var sM = new Array()

          sM[0] = ['Button', 'sub1-item1', '']

          sM[1] = ['Button', 'sub1-item2', '']                      

 

          var M = new Array()

          M[0] = ['Button', 'item1', sM]

          M[1] = ['Button', 'item2', '']                    

 

          menuStyle.setBordersWidth(1)

          menuStyle.setBackgroundColor('#3965A5')

          menuStyle.getItemsStyle().setLabelHAlign('LEFT')                                             

 

//-- Menu 1

          var bar = dFrame.addBar('', 'LEFT')

         

          menuStyle.getItemsStyle().setAutoWidth('LABEL')

          menuStyle.setWidth(50)

          menuStyle.setAutoWidth('')

          bar.addMenu(M, menuStyle)

         

          bar.addText('This Menu has autoWidth<br>set to empty string')

 

//-- Menu 2  

          var bar = dFrame.addBar('', 'LEFT')

         

          menuStyle.getItemsStyle().setAutoWidth('LABEL')

          menuStyle.setWidth(50)

          menuStyle.setAutoWidth('CONTENT')

          bar.addMenu(M, menuStyle)

          bar.addText('This Menu has autoWidth<br>set to \'CONTENT\'.<br>OK for the first level<br>but not for the sub level.')

 

//-- Menu 3

          var bar = dFrame.addBar('', 'LEFT')

         

          menuStyle.getItemsStyle().setAutoWidth('LABEL')

          menuStyle.setWidth(150)

          bar.addMenu(M, menuStyle)

          bar.addText('This Menu has a width set to<br>150:<br>Enough for items of main<br>and sub level.')

 

//-- Menu 4               

          var bar = dFrame.addBar('', 'LEFT')

         

          menuStyle.setBordersWidth(1)

          menuStyle.getItemsStyle().setAutoWidth('MENU')

          menuStyle.setWidth(150)

          var menu = bar.addMenu(M, menuStyle)

          bar.addText('This Menu is the same as<br>the previous one but items<br>of the Menu have setAutoWidth<br>set to \'MENU\'')

 

          dFrame.show()

     }

</script>

</HEAD>

</HTML>