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
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
6 Answers, 1 is accepted
0
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
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
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

Robert
Top achievements
Rank 1
answered on 14 Jan 2013, 06:53 PM
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:
In my CSS file here's the pertinent styles related to the page that contains the tab control:
Other than that, there's nothing else that I'm doing that I believe changes the appearance of your tab control.
Robert
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
0
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
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
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

Robert
Top achievements
Rank 1
answered on 22 Jan 2013, 12:38 AM
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
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
0
Accepted
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
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
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

Robert
Top achievements
Rank 1
answered on 28 Jan 2013, 06:45 PM
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
Let's consider this matter resolved.
Thank you for your assistance,
Robert