This is a migrated thread and some comments may be shown as answers.

Problem with calculating the enabled state of scroll buttons

10 Answers 78 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Pascal
Top achievements
Rank 1
Pascal asked on 06 Oct 2009, 01:25 PM
We use the TabStrip and we don't want a line break when the window gets too small. The documentation states that per default the tab strips are truncated in this case: "By default, when there is not enough room to display all the tabs at one level, RadTabStrip simply truncates the display".

This seems to be wrong, as in our case a line break is produced. This doesn't look to good, as with the default style, the tabs are cut in a strange way.

So I tried setting the ScrollChildren property to true, which would be actually a good solution for us. There is just one small problem: in Firefox (3.5), the scroll buttons are initially enabled and shown, even if there is enough space when scrolling would not be necessary (see attached pic 01). After the user can scroll, which again gives some weird results (see attached pic 02).

I noticed, after I once resized the window, the scroll buttons disappear, so then everything seems to work fine. So guess the tab strip somehow is registered on some resize event and then recalculates its scroll buttons enabled state. Is there some way to manually trigger this recalculation in order to get rid of this problem, or do you have some other idea how I can solve this?

10 Answers, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 06 Oct 2009, 01:35 PM
Hi Pascal,

This issue is already fixed. Please download the latest internal build and give it a try.

Regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Pascal
Top achievements
Rank 1
answered on 06 Oct 2009, 02:27 PM
Hi Paul,

thanks a lot for the quick answer. I downloaded the latest internal build ( Telerik.Web.UI_2009_2_927_dev_hotfix.zip (Release notes)), included the dll, rebuild our solution, restarted the iis and the web app. Unfortunately the app doesn't come up after and a bunch of 47 java script errors appear (see attachment). Did I possibly miss something?
0
Pascal
Top achievements
Rank 1
answered on 06 Oct 2009, 02:31 PM
Seems to be not possible to attach a file while editing a post, so here is the attachment...
0
Pascal
Top achievements
Rank 1
answered on 06 Oct 2009, 02:58 PM
Hi Paul.

Ok, I missed to clear the browser cache, now it is working fine. Anyway, the actual problem is not yet solved, attached two more screenshots.

Regards, Pascal
0
Paul
Telerik team
answered on 07 Oct 2009, 01:35 PM
Hi Pascal,

We tried to reproduce the reported issue using the latest version of the control, but to no avail. Please find attached a sample movie that shows the proper work of the control. Let us know what might be different in your case.

Kind regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Pascal
Top achievements
Rank 1
answered on 07 Oct 2009, 02:09 PM
Hi Paul,

In the clip you made, initially there is not enough space, so it's OK to display the scroll buttons. For me the problem only occurs when initially there is enough space, so the scroll buttons initially should not be displayed. Could you please test this case also shortly?

Best regards, Pascal
0
Paul
Telerik team
answered on 07 Oct 2009, 02:24 PM
Hello Pascal,

Frankly, I don't think that's of any importance. Please see a new movie that shows the proper work as you have described it. I still think you are using an older version of the control. Please check again if the application uses 2009.2 826 (or later).

If the problem persists, I think it will be best if you can open a support ticket and send us a simple running project (incl. CSS, images, skins, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

Regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Pascal
Top achievements
Rank 1
answered on 07 Oct 2009, 03:58 PM
Hi Paul,

Actually it is from importance, because the bug only occurs in this case.

In the standard case (like you have shown in your demo) the control seems to work fine. In our case the control lives in an update panel and is initially invisible. The user can click a button to show the TabStrip. And if then initially the control would have enough space it shows anyway the scroll buttons and they are also enabled and usable with strange results (you can scroll out the tabs). All this is only an issue in Firefox.

I prepared a small solution demonstrating this issue using the latest internal telerik lib. In the uploaded zip I removed the dll as it is too large. Just readd it and you should be able to reproduce the issue. It's actually a zip not a jpg, the board just doesn't allow to add zips...

Thanks for your help, Pascal
0
Paul
Telerik team
answered on 08 Oct 2009, 08:25 AM
Hello Pascal,

Yes, changing the visibility of the asp:panel is the culprit in this case and you should have mentioned this earlier. Please find attached your modified application that works as expected.

In addition, please have in mind that archive attachments are not allowed in the forums in order to protect you as a customer to accidentally upload the licensed assembly of the controls and share it with the rest of the world. Still, if you need to send us a file you can open a support ticket and attach the file(s) to it.

All the best,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Pascal
Top achievements
Rank 1
answered on 09 Oct 2009, 08:08 AM
Hey Paul,

great job thanks for resolving this issue, even if I don't really get how it's possible by just changing some css files, I thought it's some java script issue.

Well and for the panel I am sorry, I just figured out this myself when I prepared the sample project. There is plenty of other stuff in our application, so it could have been some other interference as well.

Best regards, Pascal
Tags
TabStrip
Asked by
Pascal
Top achievements
Rank 1
Answers by
Paul
Telerik team
Pascal
Top achievements
Rank 1
Share this question
or