Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
genti
131
UltraWebTab Style
posted

Is there a way to change the Style for the UltraWebTab, I have inside the div and its creating

2 <td> for the igtabctl00_ContentPlaceHolder1_UltraWebTab1 - Table

1. ctl00_ContentPlaceHolder1_UltraWebTab1_tbl - which has another table with height - 5px

2. ctl00_ContentPlaceHolder1_UltraWebTab1_cp - which has padding-left and padding-bottom = 3px

how do i get rid of the first table, or change to no height and change the padding on the second table to 0, this is creating some unwanted white space on the left for me.

i have attached my controll code as well.

 

Thanks,

<div style="float: left; width: 1045px; height: 720px; padding: 0px; margin:0px; background-color: #FFF;border: solid 1px #ccc; border-bottom: none;"> <igtab:UltraWebTab ID="UltraWebTab1" runat="server" Height="100%" Width="100%" BorderStyle="None" ThreeDEffect="false" TabOrientation="TopRight">

 

<Tabs>

<igtab:Tab Key="Tab1">

<ContentPane BorderStyle="None"> 

</ContentPane>

</igtab:Tab>

</Tabs>

 

 

<ClientSideEvents InitializeTabs="UltraWebTab1_InitializeTabs" />

 <

 

</div>

/igtab:UltraWebTab>

Parents
No Data
Reply
  • 24497
    Suggested Answer
    posted

    Hi Gentis,

    Those paddings are defined by the BarHeight property of UltraWebTab, which allows to create space between tab-labels and content pane. Default value is 3. If you set it to 0, then paddings will not be rendered.
    <igtab:UltraWebTab ID="UltraWebTab1" BarHeight="0" ...>

    The layout of generated html defines appearance of control. There is no options to skip a <table> or other element, because control will fail to render and become unusable.

    Since you process InitializeTabs event, you may get references to those elements and if you do not like default attributes, then you may modify them as you need. However, in this case there is no support in case of misbehavior.

    function UltraWebTab1_InitializeTabs(oWebTab)
    {
     var tbl = document.getElementById(oWebTab.ID + '_tbl');
     if(!tbl)
      return;
     var cp = document.getElementById(oWebTab.ID + '_cp');
     cp.style.background = 'cyan';
     tbl.style.background = 'orange';
     var td0 = tbl.rows[0].cells[0];
     if(td0)
      td0.style.display = 'none';
     var td1 = tbl.rows[0].cells[1];
     if(td1)
      td1.style.background = 'red';
     // better not to do similar:
     //td0.parentNode.removeChild(td0);
    }

Children
No Data