Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by aldo on Aug 11, 2009 04:19
open dhtmlx forum
tabbar opera

Thanks for your reply Alex.
\\ tabbar.enableContentZone(false);  it's dissabled
I've a layout 2U , in the right side i put a tabbar ,this is my code : 


plantilla.jsp

<script type="text/javascript">document.write('<div style="width:100%; height:'+dameAlturaContenido(screen.height)+'px;" id="parentId">')</script>       
             <div id="menu_impresos_layout">
                <tiles:insert attribute="menu_impresos"/>
            </div>

             <div id="contenido_aplicacion_layout">           
                 <tiles:insert attribute="body"/>           
            </div>
       
</div>
<script type="text/javascript">
            var dhxLayout = new dhtmlXLayoutObject("parentId", "2U");
            dhxLayout.items[0].setText("Menú aplicación");       
            dhxLayout.items[0].setWidth(195);         
          
            var menu = document.getElementById("menu_impresos_layout");
            var contenido = document.getElementById("contenido_aplicacion_layout");         
           
            dhxLayout.items[0].attachObject(menu);
            dhxLayout.items[0].fixSize(true, false);         
            dhxLayout.items[1].attachObject(contenido);
            dhxLayout.items[1].hideHeader();             
           
            dhxLayout.attachEvent("onCollapse", new Function("resize()"));
            dhxLayout.attachEvent("onExpand", new Function("normal()"));           
          
</script>

 


dg.jsp

<html:form action="impresoDG" method="post">
<div id="tabs" style="width:99.5%; height:'+dameAlturaPestanas(screen.height)+'px;" >              
        <div id="b3" class="marco_contenido" style="width:95%;"  name="Anverso"></div>
        <div id="b4" class="marco_contenido" style="width:95%;"  name="Reverso"></div>
</div>
 <script type="text/javascript" >
            tabbar=new dhtmlXTabBar("tabs","top");
            tabbar.setImagePath("dhtmlxSuite/dhtmlxTabbar/codebase/imgs/");           
            tabbar.addTab("an","Anverso","100px");
            tabbar.addTab("re","Reverso","100px");   
            tabbar.setContent("an","b3");
            tabbar.setContent("re","b4");           
            tabbar.enableAutoSize(true,false);       
            tabbar.setTabActive("an");            
           
            function resize () {tabbar.enableAutoReSize(true);}
            function normal () {tabbar.setSize(dameAnchoPestanas(screen.width)+'px',dameAlturaPestanas(screen.height)+'px',false);}                            
          
</script>        
</html:form>

Anverso y Reverso tabs  aren't  visible in Opera , only content zone .
In others browsers no problem.

thanks.

Answer posted by Alex (support) on Aug 11, 2009 05:15

Hello,

>>  in the right side i put a tabbar ,this is my code

How do you place layout into the layout cell ?

Answer posted by aldo on Aug 11, 2009 05:41

var contenido = document.getElementById("contenido_aplicacion_layout");       // this is a  DIV("contenido_aplicacion_layout") inside DIV with id ="parentId"

 <div id="contenido_aplicacion_layout">           
                 <tiles:insert attribute="body"/>                                 // in body i put jsp .
</div>

 

dhxLayout.items[1].attachObject(contenido);   // in this cell is jsp with tabbar  

Thanks .

 

 

Answer posted by Alex (support) on Aug 11, 2009 06:38

Try to use attachTabbar method instead of attach object. The sample is 

dhtmlxLayout/samples/components/tabbar.html (http://dhtmlx.com/docs/products/dhtmlxLayout/samples/components/tabbar.html)