Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Matt
110
Gaps appear in tabs once they reach a certain width...big problem
posted
I have several Webtab controls that we use in our application. I did not create these tab controls originally. Once these tabs reach a certain width, gaps appear in the tab. It looks terrible. I assume it is an image issue. What is the best way for me to fix this issue? Do I need to stay away from image driven tab designs?
  • 19308
    Verified Answer
    posted

    The technique for providing rounded corners in tabs consists of 2 copies of the same image "sliding" over each other.  As you pull the images appart (one is aligned left, the other right), they will appear as a single image until you reach the max width of that image.

    Because of this, you need to create an image that is wide enough to cover the max width of your tab.  We limit the width of these images to limit the file size, but you can certainly create a wider image.

    Hope this helps,

    -Tony