Appearance Issue

7 posts, 1 answers
  1. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 11 Jan 2013 Link to this post

    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
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 14 Jan 2013 Link to this post

    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
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 14 Jan 2013 Link to this post

    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
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 17 Jan 2013 Link to this post

    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
    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.
  6. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 21 Jan 2013 Link to this post

    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
  7. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 28 Jan 2013 Link to this post

    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
    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.
  8. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 28 Jan 2013 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017