radtabstrip background image problem in ie8

13 posts, 0 answers
  1. geetu malhotra
    geetu malhotra avatar
    7 posts
    Member since:
    Dec 2009

    Posted 29 Dec 2009 Link to this post

    Hi
    I used radtabstrip control in my .net application.In IE8 if there was a scroll in the page due to increased content length, the background images used in tabs of the radtabstrip control also came down on scrolling the page.I am not facing this problem in IE7.Please help asap.
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 29 Dec 2009 Link to this post

    Hello Geetu,

    Can you give us more information about your issue. At least a screenshot with more detailed description or a live URL will help us determine the problem. Thank you in advance.

    Regards,
    Kamen Bundev
    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.
  3. geetu malhotra
    geetu malhotra avatar
    7 posts
    Member since:
    Dec 2009

    Posted 29 Dec 2009 Link to this post

    This image contains the tabstrip background images used in tabs which have came down from top of the page along with scrolling in the page.
  4. geetu malhotra
    geetu malhotra avatar
    7 posts
    Member since:
    Dec 2009

    Posted 29 Dec 2009 Link to this post

    Hi telerik team
    could you find any thing for this issue?
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 29 Dec 2009 Link to this post

    Hello Geetu,

    Are you sure this happens in IE8 and not in IE7? The position: relative bug can cause such issues in IE6/7, but I'm not aware of such problems in IE8. Can you post a live URL of your page, so that I can see it?

    Sincerely yours,
    Kamen Bundev
    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.
  6. geetu malhotra
    geetu malhotra avatar
    7 posts
    Member since:
    Dec 2009

    Posted 29 Dec 2009 Link to this post

    Hello Kamen Bundev
    I have not placed 'position:relative' tag in my code.Though in case used it would have made the entire radtabstrip be located on top even on scroll.I am posting a part of my code :-

     

    <

     

    table width="100%" border="0" cellpadding="0" cellspacing="0">

     

     

     

    <tr>

     

     

     

    <td colspan="3" style="height: 21px;">

     

     

     

    <radTS:RadTabStrip ID="RadTabStrip1" runat="server" AutoPostBack="True" CausesValidation="true">

     

     

     

    <Tabs>

     

     

    <radTS:Tab runat="server" Text="Save" CssClass="save" SelectedCssClass="save">

     

     

    </radTS:Tab>

     

     

     <radTS:Tab runat="server" Text="Delete" CssClass="delete" SelectedCssClass="delete">

     

     

    </radTS:Tab>

     

     

    <radTS:Tab runat="server" Text="Print" CssClass="print" SelectedCssClass="print">

     

     

    </radTS:Tab>

     

     

    <radTS:Tab runat="server" CssClass="closeWin" Text="Close" SelectedCssClass="closeWin">

     

     

    </radTS:Tab>

     

     

    </Tabs>

     

     

    </radTS:RadTabStrip>

     

     

    </td>

     

     

    </tr>

     

     </

     

    table>

    And this is a part of the css being applied on tabs of the radtabstrip control :-

     

     

     

     

     

     

    .closeWin

     

    {

     

    background: transparent url('img/close.jpg') 2px 0px no-repeat;

     

    }

     

     

    Now when i use this radtabstrip in my code, on scroll of the page just the tabs of the radtabstrip come down and not the entire radtabstrip, as you could see in the last attachment. 

  7. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 29 Dec 2009 Link to this post

    Hello Geetu,

    Which version of RadControls for ASP.NET AJAX are you using? Can you confirm in which browser exactly you are experiencing the issue?

    Kind regards,
    Kamen Bundev
    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.
  8. geetu malhotra
    geetu malhotra avatar
    7 posts
    Member since:
    Dec 2009

    Posted 29 Dec 2009 Link to this post

    Hello Kamen Bundev
    I am using r.a.d.controls Q4 2006 for ASP.Net and IE8 browser
    Thanks n Regards
    Geetu
  9. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 29 Dec 2009 Link to this post

    Hello Geetu,

    Looks like this is the problem. Classic RadTabStrip rendering included the usage of position: relative for every tab. To fix it, you need to set position: relative to your scrolling container (whichever element on your page has the scrollbar).

    Kind regards,
    Kamen Bundev
    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.
  10. geetu malhotra
    geetu malhotra avatar
    7 posts
    Member since:
    Dec 2009

    Posted 29 Dec 2009 Link to this post

    Agreed, but position:relative would now lay my radtabstrip on top of the page always , though I wanted that it should be scrolled as other controls are on the page.
    For example if i have a textbox on top of the page below my radtabstrip, on scrolling below I wont be able to see the textbox.
    Is this possible any ways for radtabstrip control?
  11. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 29 Dec 2009 Link to this post

    Hello Geetu,

    I can't tell you more without actually seeing the issue because it depends on your layout. I will need a live URL, a sample page or at least a Save As Web Page Complete in order to reproduce the issue and be able to help you.

    Kind regards,
    Kamen Bundev
    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.
  12. geetu malhotra
    geetu malhotra avatar
    7 posts
    Member since:
    Dec 2009

    Posted 06 Jan 2010 Link to this post

    Hello Kamen Bundev
    I am using r.a.d.controls Q4 2006 for ASP.Net and IE8 browser.
    Is this the latest version of rad controls?
    Has Telerik launched any compatible version for ie8?
    I am facing problems with IE8 browser if i set my compatibility mode to off.
    Thanks n Regards
    Geetu

  13. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 14 Jan 2010 Link to this post

    Hello Geetu,

    RadControls for ASP.NET is not in sales since 2007 year and not updated since Q1 2009. There are newer versions of RadControls for ASP.NET but there isn't one that officially supports the IE8 browser. If you still want to use the Classic controls, you need to turn IE8 compatibility mode on.

    On the other hand, RadControls for ASP.NET AJAX is currently actively developed and has IE8 support since Q1 2009 SP1.

    Sincerely yours,
    Kamen Bundev
    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.
Back to Top