Background Image Not Tiling

10 posts, 0 answers
  1. terrysmith
    terrysmith avatar
    127 posts
    Member since:
    Nov 2006

    Posted 07 May 2008 Link to this post

    The background image for the toolbar is not set to tile across the screen. On wide-format monitors the background image is not long enough and the horizontal alignment appears to be set to "right" instead of "left". This results in a blank area of the left-hand side of the toolbar where the background image is not tiled. Also, the problem appears with very wide HTML tables of data.

    I'd like to request that it be set to left aligned by default and to tile horizontally in the next service pack. We're using the Office2007 skin and haven't tested it with other skins.

    Thank you,
    Terry
  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 08 May 2008 Link to this post

    Hello Terry,

    The problem with the tiling is somewhat deeper - due to performance optimization (multiple images are combined into a sprite to reduce the amount of HTTP requests sent to the server unfortunately, this way the backgrounds cannot be repeated beautifully). Nevertheless, most RadToolBar skins support widths up to 1600px which is sufficient in most scenarios - I am attaching an image (w:2400px) that will work with the following CSS to resolve your issue:
    div.RadToolBar_Office2007 .rtbInner 
        background-imageurl("ToolbarBgH.gif"); 
    }  
     
    All the best,
    Alex
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. terrysmith
    terrysmith avatar
    127 posts
    Member since:
    Nov 2006

    Posted 19 May 2008 Link to this post

    I just got back to work on this issue, and what you sent me is not working. I've set EnableEmbeddedSkins = False and registered the CSS file with the page. The new image is not having any effect. I can change the background color in the "div.RadToolBar_Office2007 .rtbInner" class, so I know the stylesheet is being picked up.

    Is is not possible to just force the toolbar background to be left aligned? I tried setting the alignment for the existing image in the stylesheet, but it doesn't have any effect either.

    Thanks,
    Terry
  5. Erjan Gavalji
    Admin
    Erjan Gavalji avatar
    1455 posts

    Posted 20 May 2008 Link to this post

    Hi Terry,

    Can you verify that the image Alex sent you is used? Can you also change the class declaration a bit to:

    div.RadToolBar_Office2007_Horizontal  .rtbInner
    {
         background: url(ToolbarBgH.gif) 0 100% repeat-x !important;
    }


    Let me know if that helps.

    Best regards,
    Erjan Gavalji
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  6. terrysmith
    terrysmith avatar
    127 posts
    Member since:
    Nov 2006

    Posted 20 May 2008 Link to this post

    I believe your syntax for the background style is incorrect. The background color come before the image, but even when I correct it the toolbar is a solid blue color and does not have the 3D effect. The left and right ends of it do not render correctly either.

    Why can't the control be changed to just left-align the image or to tile a 1 pixel wide background image horizontally? I think if you're not going to fix the actual bug then you should put in your documentation that the toolbar only supports displays up to 1600px wide.
  7. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 21 May 2008 Link to this post

    Hi Terry,

    The 1600px width is a limitation of the particular skin, not a bug. RadToolBar supports any width. If one needs a larger width for a specific scenario, he/she is absolutely free to customize a given embedded skin or create a new one.

    I am attaching a sample web page + a modified version of the Office2007 skin, supporting a width of up to 2400px. Actually, only two images have been expanded - ToolbarBgH.gif and ToolbarBgHTR.gif. The CSS code is the same.

    Regards,
    Dimo
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  8. terrysmith
    terrysmith avatar
    127 posts
    Member since:
    Nov 2006

    Posted 21 May 2008 Link to this post

    I'm thrilled with having to reapply this fix to our source code with every Telerik update that is released, but it does work.

    Thank you,
    Terry

  9. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 22 May 2008 Link to this post

    Hello Terry,

    When using an external skin, there is no need to reapply anything when upgrading.

    The only occasion when custom external skins cause troubles is when we change considerably the HTML, but this is rare.

    Sincerely yours,
    Dimo
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  10. Pino
    Pino avatar
    3 posts
    Member since:
    May 2008

    Posted 13 Nov 2008 Link to this post

    I have the same issue but with the Default theme.  Can you please provide the updated images?  Thanks.
  11. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 14 Nov 2008 Link to this post

    Hi Pino,

    Here they are.


    Best wishes,
    Dimo
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017