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

Styling problem with the latest release

10 Answers 51 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Andy Green
Top achievements
Rank 2
Andy Green asked on 11 May 2012, 09:50 AM
Hi All

I have a problem where the Rad page no sits below the LH menu, and I have a gap between the tab bar and the start of the RadPage. This has only happend since upgrading to the 2010.1.411.35 build.

If you look at Capture2.png this style seems to be new and its the content: ""; that is causing the problem. If I disable the style using IE Dev toolbar the Rad page sits properly under the tab bar.

Andy Ideas

10 Answers, 1 is accepted

Sort by
0
Andy Green
Top achievements
Rank 2
answered on 15 May 2012, 09:26 AM
Anyone??

This is also the case in IE 9, FF & Chrome.

Andy
0
Kate
Telerik team
answered on 15 May 2012, 12:11 PM
Hello Andy,

Since the screenshot that you attached in not sufficient for me to replicate the appearance that you get. I would like to ask you to provide either a live url or a simplified runnable project that I can test locally. Thus I would be able to determine what is causing the issue that you describe.

Regards,
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
Andy Green
Top achievements
Rank 2
answered on 15 May 2012, 01:03 PM
Thanks Kate

You can see the problem here - http://www.into-activity.co.uk/Admin/SystemSettings.aspx

Username - telerik
Password- telerik

Andy
0
Accepted
Kate
Telerik team
answered on 17 May 2012, 03:35 PM
Hi Andy,

You can use the following css class selector to get the desired appearance:
div.RadTabStrip:after,
div.RadTabStripVertical:after,
div.RadTabStrip .rtsLevel:after,
div.RadTabStripVertical .rtsLevel:after,
div.RadTabStrip .rtsScroll:after,
div.RadTabStripVertical .rtsScroll:after,
div.RadTabStrip .rtsUL:after,
div.RadTabStripVertical .rtsUL:after,
div.RadTabStrip .rtsLI:after,
div.RadTabStripVertical .rtsLI:after {
    clear: none;
}


All the best,
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
Pascal
Top achievements
Rank 1
answered on 22 May 2012, 08:17 AM
Hello Kate,

We encounter exactly the same issue. We try your workaround and it doesn't work for us. However, we found this solution : 

.RadTabStrip .rtsLevel
{
    clear: none !important;
}
 
div.RadTabStrip:after,
div.RadTabStripVertical:after,
div.RadTabStrip .rtsLevel:after,
div.RadTabStripVertical .rtsLevel:after,
div.RadTabStrip .rtsScroll:after,
div.RadTabStripVertical .rtsScroll:after,
div.RadTabStrip .rtsUL:after,
div.RadTabStripVertical .rtsUL:after,
div.RadTabStrip .rtsLI:after,
div.RadTabStripVertical .rtsLI:after {
    content : normal;
}

What do you think? Is it an issue with the latest telerik build?

Thanks
Pascal
0
Andy Green
Top achievements
Rank 2
answered on 23 May 2012, 09:59 AM
Hi Kate

Thanks, this worked for me, as did the solution from Pascal. Is this a control issue, I ask because if it gets fixed, I'd like to be able to remove the CSS fix.

Andy
0
Kate
Telerik team
answered on 23 May 2012, 03:31 PM
Hello Andy,

This is the first time we get this appearance and in general when using the RadTabStrip control in a combination with RadMultiPage (with any of the later version of our controls) I am not able to replicate the issue that you get on your web site. I am no longer able to access your site to fully inspect it again but my assumption is that it might be caused by some custom css styles that you apply to your page. 

All the best,
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
Andy Green
Top achievements
Rank 2
answered on 23 May 2012, 03:34 PM
Sorry Kate , I assumed you had finished with access. I have re enabled the account.

Andy
0
Kate
Telerik team
answered on 23 May 2012, 03:49 PM
Andy,

Thanks for the access. After inspecting your site further here are my findings. Currently the sidebar
div element occupies the white space between the RadTabStrip and the RadMultiPage control. Simply positioning the two divs with id-s main and sidebar with float left ( one next to each other) enables you get the correct appearance. You can also adjust the margin in between them:
#main {
    float: left;
    margin: 0 0 0 2px;
}
 
Greetings,
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
Andy Green
Top achievements
Rank 2
answered on 23 May 2012, 04:05 PM
Thanks again Kate.

Above an beyond the call of duty.

Andy
Tags
TabStrip
Asked by
Andy Green
Top achievements
Rank 2
Answers by
Andy Green
Top achievements
Rank 2
Kate
Telerik team
Pascal
Top achievements
Rank 1
Share this question
or