Align="Justify" in UI for ASP.NET AJAX TabStrip

Pierre

138 posts

Member since:
Feb 2006

Posted 25 Mar 2010 Link to this post

Hi,

I have one problem with alignment in last q1.2010. After setting Align="Justify" in tag or server side using demo i not have any align. I have build one tab using webservices client side and added to page. The page have a small tag with normal declarations.

    
              <telerik:RadTabStrip ID="RadTabStrip1" runat="server" 
        
                 OnClientTabSelecting="onTabSelecting"  
        
                 OnClientTabSelected="OnClientTabSelected"  
        
                 OnClientLoad="onLoad" 
        
                 skin="Telerik"  
        
                 Align="Justify" 
        
                 > 
        
                 </telerik:RadTabStrip>

server side
RadTabStrip1.Align = (TabStripAlign)(Enum.Parse(typeof(TabStripAlign), "Justify"));

Tabs added using webservices client side

Some issue?.
Regards

Yana

Admin

5030 posts

Posted 29 Mar 2010 Link to this post

Hello Pierre,

Align property works as expected at our side, please check this online example.

Kind regards,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

Pierre

138 posts

Member since:
Feb 2006

Posted 29 Mar 2010 Link to this post

Hi

Could you test it using added client side tabs. In this sample the tabstrip is built and server side to change the align. In my case i build my tab using one web service and client side tabs and server side definition is not working and the Align definition in the initial definition is not working. Is some issue client side defineed?

Regards

Yana

Admin

5030 posts

Posted 31 Mar 2010 Link to this post

Hello Pierre,

You are right, but this can be easily fixed by calling repaint() client method of the tabstrip after all tabs are added:

<telerik:RadTabStrip ID="tabStrip1" runat="server" Width="600px" Align="Justify" Skin="Vista"></telerik:RadTabStrip>

and the client-side code:

var tabstrip = $find("<%=tabStrip1.ClientID %>");

for (var i = 0; i < 3; i++) {

var tab = new Telerik.Web.UI.RadTab();

tab.set_text("tab " + i);

tabstrip.get_tabs().add(tab);

}

tabstrip.repaint();

All the best,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

Pierre

138 posts

Member since:
Feb 2006

Posted 31 Mar 2010 Link to this post

Hi Yana,

It´s better but my tab have 2 or 3 levels generated(no 3 tabs but 14, or 19..are regionals data) and align force all items in the first level to the definied width. Align can work for more than one level or some workaround to align one multileveled tab.

thanks, Romi

Yana

Admin

5030 posts

Posted 01 Apr 2010 Link to this post

Hello Pierre,

Please send us the code that populates the tabstrip so that we can observe this issue.

Sincerely yours,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

Pierre

138 posts

Member since:
Feb 2006

Posted 01 Apr 2010 Link to this post

Hi,
I have simplified the code and added fixed items to understand. Many times need more than 10 tabs and 2 levels. The tab is created with align but all items are in the first level comprimed.
Align justify and Isbreak client side possible?.

Page

    
             <telerik:RadTabStrip ID="RadTabStrip1" runat="server" 
        
                         OnClientTabSelecting="onTabSelecting"  
        
                         OnClientTabSelected="OnClientTabSelected"  
        
                         OnClientLoad="onLoad" 
        
                         skin="MySkin" 
        
                         EnableEmbeddedSkins="false" 
        
                         Align="Justify" 
        
                         Width="876px" 
        
                         Height="50px" 
        
                         > 
        
                         </telerik:RadTabStrip>

WebService OnComplete

    
            function OnComplete(arg) 
        
            { 
        
                var tabStrip = $find("<%= RadTabStrip1.ClientID %>");; 
        
                tabStrip.get_tabs().clear(); 
        
                var resarray = BR;Acre,1;Alagoas,2;Amapá,3;Amazonas,4;Bahia,5;Ceará,6;Distrito Federal,7;Espírito Santo,8;Goias,9;Maranhao,10;Mato Grosso,11;Mato Grosso do Sul,12;Minas Gerais,13;Pará,14;Paraíba,15;Paraná,16;Pernanbuco,17;Piauí,18;Rio de Janeiro,19;Rio Grande do Norte,20;Rio Grande do Sul;//arg.split(';') 
        
                index = 0; 
        
                tabStrip.trackChanges();   
        
                for (i = index; i < resarray.length; i++) 
        
                { 
        
                    var tab = new Telerik.Web.UI.RadTab(); 
        
                    if(i==0){ 
        
                        tab.set_text('Regiao'); 
        
                        tab.set_imageUrl("../flags/Americas/"+resarray[i]+".gif"); 
        
                        tab.disable(); 
        
                    } 
        
                    else{ 
        
                        var itemarray=resarray[i].split(','); 
        
                        tab.set_text(itemarray[0]); 
        
                        var attributes = tab.get_attributes(); 
        
                        attributes.setAttribute( "CodeID", itemarray[1]); 
        
                    } 
        
                    tabStrip.get_tabs().add(tab); 
        
                } 
        
                tabStrip.repaint(); 
        
                tabStrip.commitChanges(); 
        
                return false; 
        
            }

Thanks. Romi

Yana

Admin

5030 posts

Posted 08 Apr 2010 Link to this post

Hi Pierre,

Please excuse me for the delayed reply.

You can use set_isBreak(true) method of RadTab client-side object to achieve this. I've attached a simple page based on your code to demonstrate this. Please download it and give it a try.

Kind regards,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

tabstripwebserv.zip