This is a migrated thread and some comments may be shown as answers.
Trouble preventing second row with dynamic tabs
8 Answers 51 Views
This is a migrated thread and some comments may be shown as answers.
LeBear
Top achievements
Rank 1
LeBear asked on 07 Jun 2011, 09:41 PM
This can be demonstrated on your demo page at

http://demos.telerik.com/aspnet-ajax/window/examples/radwindowandmdi/defaultvb.aspx

If you keep adding windows, which causes new tabs to be added, you end up with a single tab in a second row.  The scroll bars work, but you still end up with the second row.

Can you advise?

Thanks.

8 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 13 Jun 2011, 09:06 AM
Hi LeBear,

Thank you for your feedback.

It seems to be a bug of the RadTabSrtip, therefore I updated your Telerik points. I also forwarded the issue to our development team for further review.

Kind regards,
Kate
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Steele
Top achievements
Rank 1
answered on 09 Sep 2011, 07:53 AM
How is this issue going?
Any word to when a work-around/fix will be available?
Thanks,
Steele.
0
Kate
Telerik team
answered on 14 Sep 2011, 02:11 PM
Hello Steele,

The bug is already resolved but it will be available for download after the release of the SP1.

All the best,
Kate
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal
0
Evtim
Top achievements
Rank 1
answered on 07 Nov 2011, 10:41 PM
Is the fix in the bug included in 2011.2.915.40?
If not, when should we expect it to be available for download?

Thanks
0
Kate
Telerik team
answered on 08 Nov 2011, 11:07 AM
Hi Evtim,

Please try using the Q3 2011 Beta (version 2011.3.1025) of the controls where a very similar issue related to the RadTabStrip is being fixed and let me know if the issue still persist from your side.

Best wishes,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
Evtim
Top achievements
Rank 1
answered on 08 Nov 2011, 08:11 PM
Hi Kate,

I downloaded and used the Q3 version of the telerik's controls but the issue still exists. I have a 1 level tabstrip control with a lot of tabs (their total width is greater than the width of the tabstrip) and the scoll buttons are enabled. The problem exists ONLY IN IE9 - it works for the rest of the browsers!
The issue is that the last tab goes on the second line and when I scroll right I can see that between the last tab on the first line and the scroll buttons there is space (which is probably intended to be for the last tab on the second line). See the screenshots.

As far as I can see the HTML structure of the tabstrip is  <div><div><ul><li><li>...........    Can you suggest me how I can "hack" it and to make it work? I suspect the controls may suffer from a lack of space before rendering so I was wondering if I can manually increase with javascript the width of some of the divs or UL and call .repaint method? Any suggestions?

Regards,
Evtim
0
Kate
Telerik team
answered on 11 Nov 2011, 12:09 PM
Hello Evtim,

I have just tested the issue with the following code and it works just fine from my side in IE9. Please give it a try and let me know if I am missing something in your scenario. In case the issue still persist in your scenario you could try to call the repaint() method of the RadTabStrip control whenever you add a new tab.
function OnClientClicking(sender, args) {
            var tabStrip = $find("<%= RadTabStrip1.ClientID %>");
            tabStrip.trackChanges();
            var tab = new Telerik.Web.UI.RadTab();
            tab.set_text("New Tab");
            tabStrip.get_tabs().add(tab);
            tabStrip.commitChanges();
            args.set_cancel(true);
            //tabStrip.repaint();
        }
    </script>

markup:
<telerik:RadButton runat="server" ID="button1" Text="button1" OnClientClicking="OnClientClicking">
    </telerik:RadButton>
    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Width="400px" ScrollChildren="true">
        <Tabs>
            <telerik:RadTab Text="Tab" runat="server" Value="1">
            </telerik:RadTab>
            <telerik:RadTab Text="Tab1" runat="server" Value="2">
            </telerik:RadTab>
            <telerik:RadTab Text="Tab2" runat="server" Value="3">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
 
Best wishes,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
Evtim
Top achievements
Rank 1
answered on 11 Nov 2011, 03:26 PM
Hi Kate,

Thanks for your suggestion. I doesn't work for me though. Repainting doesn't solve the problem. What I did was after the rendering of the control, I increase the width of the UL element with 2px with javascript and this hack solves the problem.

Regards,
Evtim
Tags
Menu
Asked by
LeBear
Top achievements
Rank 1
Answers by
Kate
Telerik team
Steele
Top achievements
Rank 1
Evtim
Top achievements
Rank 1
Share this question
or