Appearance Issue

[Robert]

I have used your tab control to implement a simple 3 tab appearance.  In the first screenshot the first tab is selected.  Do you notice the weird line above the middle tab?

I've also included screenshots for what happens when the 2nd and 3rd tabs respectively are selected.

What do I need to do to improve the appearance?

Robert

[Kate]

Hi Robert,

Can you please clarify if you are using any custom styles that might be causing the appearance that you get? I would appreciate very much if you can provide the markup and the custom styles that you use, so I can test your scenario locally and help you out in the most efficient way.

Kind regards,
Kate
the Telerik team

[Robert]

Hi Kate,

Directly on my layout page I am not using any kind of special formatting with your tab control  Here's the layout code:

        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0" Align="Justify" ReorderTabsOnSelect="false"<br>                                               Width="100%" Height="407px" AutoPostBack="true" OnTabClick="RadTabStrip1_Click"><br>          <Tabs><br>            <telerik:RadTab Text="Regular" Width="100" /><br>            <telerik:RadTab Text="Cable Bolts" Width="100" /><br>            <telerik:RadTab Text="Reconditioning" Width="100" /><br>          </Tabs><br>        </telerik:RadTabStrip><br>

In my CSS file here's the pertinent styles related to the page that contains the tab control:

<br>/**********************************************************************************************************<br>  Used by the Telerik RadTabStrip - Note: The font size affects what's on the tab page, not the tab itself<br>***********************************************************************************************************/<br>.multiPageTimbering<br>{<br>  font-family:verdana,tahoma,helvetica;<br>  font-size:10px;<br>  margin-top:-385px;<br>  background-color:#e2f2fe;    <br>  border:solid 1px #808080;<br>}<br><br>/* Corrects the placement of the tab text */<br>.rtsTxt<br>{<br>  margin-top:-2px;<br>}

Other than that, there's nothing else that I'm doing that I believe changes the appearance of your tab control.

Robert

[Kate]

Hi Robert,

I tested the code and the styles that you provided but I could not get the appearance that you describe. Attached to this post you can find the sample page that I used for my test purpose as well as an image demonstrating the look that I get. Try to run it and let me know if you get the problematic appearance.

All the best,
Kate
the Telerik team

[Robert]

Sorry for the delay in responding.  I very much do appreciate your help!

I took your sample app and revised it a little to be closer to my actual app.  Specifically I introduced a gradient background that I happen to be using on that page.  Take a look at the first 2 screenshots I've provided.  One is from the sample app and then the other is from my actual app.

Both looked quite good.  Then I published the sample app on a Win 7 server running IIS.  I must say that the appearance didn't look quite as good and I seemed to notice a little bit of the problem with "stray" lines.  I've included a screenshot of this for you two, circling the strange UI blemishes.

Your website won't allow me to upload a Zip file of the revised code but you can download it here: http://mwtech.com/downloads/public/RevisedSampleApp.zip

When you run this sample app under IIS, without VStudio, do you get the same odd appearance issues?

Robert

[Kate]

Hello Robert,

I tested the code that you provided under IIS 6.1 and still could not get the problematic appearance (attached to this ticket you can find a screenshot demonstrating the look that I get from my side). Please check if your browser is zoomed or if you have any styles that might be causing the look that you get from your side.

Regards,
Kate
the Telerik team

[Robert]

Kate, it's so very strange what I've been experiencing.  But if you're not seeing this on your system then perhaps my client won't either.

Let's consider this matter resolved.

Thank you for your assistance,

Robert