Problems centering Tab widget

Hello,
I am having incredible problems centering the Tab widget and
am using an "elastic" web page design, so the Tab widget must
resize when the browser window resizes (which is easy with standard
tables).
When I set the "float" to "left" and the width to 100%
(without margins or padding) the Tab container size exceeds the
width of the <div> which is used as its container in a
classic three-column format.
To summarize my design issue I have:
Column 1 (left) which is fixed width
Column 3 (right) which is fixed width
Column 2 (uses the Tab widget) is elastic.
Column 2 with the Tab widget only works visually if I set the
width to ~"96%" and then is not perfectly centered depending upon
how the browser window is sized/resized. The Tab widget in column 2
really acts strangely if the browser is resized to less than 800
pixels, simply falling down to the bottom of the page as if it is
wrapping (which I assume it is). It seems that setting the Tab
width container width to 100% is not possible.
I am not a CSS expert, but have used it enough over the last
four years to know that I am stumped.
Thank you for any help.

How come the answers to my questions always seems so obvious..?
Thank you Brad - that made the trick.

Similar Messages

  • How do I navigate from a hyperlink on one page to an anchor within the tab widget?

    Hi guys can you please assist me with that issue I am describing in the question: How do I navigate from a hyperlink on one page to an anchor within the tab widget? I assume that it is not working because the tab widget is truly just on one page and anchors work within a page but not a specific tab. Is there a way around that?
    Thanks.

    an interesting question. Anchors work across pages (global) without any problem. Do they work within tabs or any other widgets I haven't tried, but it looks like you have and without success. I can see the temptation for doing this, but if you think about it why would you? Set the anchor on the page next to the tab(s) and hey presto the user needs only click the tab to which the hperlink refers, nothing could be more convenient! Of course, if the user cannot relate the tab to the hyperlink there's a problem. Generally solved by titling (like if the hyperlink is cats, the tab should preferably read cats and not dogs)! It's the only work around i can think of. Hope it helps.

  • Tab widget inside another tab widget

    Hi,
    Is it possible to do the following?
    I want to create a vertical tab widget (no prob). But on each
    of the tab 'pages' I want to add a horizontal tab widget.
    Thanks,
    Donal

    Sure why not, if u have your constructors, and ids correct, i
    dont see any problem in it.

  • Tabbed widget and audio

    I've created a tabbed widget with definitions for three separate functions. My intent is to have the user click each tab to hear/see the specified definition. My problem is that the slide progresses at the end of the slide audio (this adio explains how to use the page) and doesn't allow time to click the tabs; do I have to time the slide really long in order to get this to work or is there something I can add to the slide so that it doesn't move forward. The click box renders the widget unusable and simply progresses the slide so that didn't work for me, unless someone knows of another way to use this??? Any ideas are greatly appreciated!!!
    I just added a button to go to the next slide but now the tabs go to the next slide when I publish and in the preview, does this mean I can't have more than one widget on a slide? I'm thinking it does.

    I just tried it in Windows with exactly the same behavior.
    Can someone confirm how this is supposed to work?  Logically, when a user selects one of the accordion options, and the option expands to show the text within it, then the associated audio should play.  In the image below, you see the audio icon associated with the content for one option.  However, in the documentation I found it is very vague about what the audio is assicated with.  If the audio is just associated with the entire object, then the interface below is misleading at best.

  • Office Web Apps Server 2013 - Word Web App - Problem with Tab space

    Hello We have Office Web Apps Server 2013 running with SharePoint 2013.  Users Editing a Word document with Office Web Apps, can't use "Tabs", any Word document with Tabs; the tabs are replaced with a single space.
    Has anyone noticed this?  Is this a bug?
    -thanks
    thomas
    -Tom

    Yes, currently the Word Web App does not support
    Tab Keyboard shortcut for editing document content .
    For more information, you can have a look at
    the article:
    http://office.microsoft.com/en-us/office-online-help/keyboard-shortcuts-in-word-online-HA010378332.aspx?CTT=5&origin=HA010380212
    http://social.technet.microsoft.com/Forums/en-US/3f5978d3-67a1-4c8c-981f-32493d72610b/office-web-apps-server-2013-word-web-app-problem-with-tab-space?forum=sharepointgeneral

  • How do i link to a specific tab using the spry tabbed widget

    Hello i'm working on a microsite using the spry tabbed widget. I'm having trouble figuring out how to link to a specific tab using a an external link.
    here is the site. http://www.efaxcorporate.co.uk
    for example: if i wanted to give a user a url link specifically tab#2.
    Im sure this is really easy i just can't seem to figure it out.

    Try http://foundationphp.com/tutorials/spry_url_utils.php

  • Problem hiding Tabs in Tabstrip of My Trips and Expenses WD ABAP iView

    Hi,
    My requirement is to hide the thet tabs ALL MY Trips,All my Travel REquest,All my travel Plans,Pending expense report from the tabstrip ALl my Expense report in Travel and Expense Application.
    I have gone through the thread and the sap note mentioned in
    Re: Problem hiding Tabs in Tabstrip of My Trips and Expenses WD ABAP iView
    My problem is tabs that has to be deleted /hidden does not present in the Development system, but exist in the QA or the prd system.
    So how to implement the note when data is not present in the dev system and only exist in the QA/PRD system.
    Pleas eprovide me your valuable inputs.
    Thanks in advance.
    Pooja

    Implemneted the note and problem is solved.

  • Problem with Tabbing Order in LiveCycle

    I have a two page form.  The last field on the second page is an image field (the user can attach a graphic).  The problem is it won't tab back to the first page after this field.

    I, too, am having problems with tab order.
    I have a two-page form created in LiveCycle Designer. There are 66 fields on the 1st page of the form, and 65 fields on page 2. When I use Window > Tab order to examine the tab order, all is as it should be (except for one thing, discussed later). However, when I go into the Preview PDF tab (or load the form in Acrobat X Pro), field 4 on page 1 tabs to field 42 (on page 1). Additionally, tabbing from field 41 on page 1 takes me to field 43 on page 2.
    I can use Action Builder to ensure that the tab goes to the appropriate field, but that seems a rather kludgy way to go about it.
    And that additional problem: I've got three text fields on page 1 that are of type Protected. According to the documentation, "The protected field is not included in the tabbing sequence and it does not generate events.", yet all three fields are in the tab order.
    What (if anything) am I doing wrong?
    Thanks.

  • Problems with the Widget "Text Ticker"

    Hello, I have a problem with the widget "Text ticker". I tried to put more then one text ticker on my site, but it doesn't work, when I look in Muse it looks like this:
    and when I look in the preview only the first text ticker works...maybe it is not possible to have more then one text ticker on one site?
    Thank you.

    It seems you are using the same name for all the ticker instances on page.
    You need to have unique names for each of the ticker you want on a single page. Tickers with duplicate names will not work.
    Cheers,
    Vikas

  • Problem with tabbed panel

    I have a problem with tabbed panel...this panel has 3 columns, I copied to each of them a diffrent text (diffrent height)...I expected to obtain diffrent working area of column, for example  1st column-height 7500 px, 2nd-1500 px, 3rd-2500 px, but I received one height 7500 px, each column has been formatted to this size....below a text I have “empty space”- (it is a diffrence between working area and text area)...I put the text to the 1st column for example 7200 px height, empty space below this text is 300 px I received 7500 px of working area in this column, here the problem doesn`t exist but….2nd column i have height of text for example 1300 px, below this text i have 6200 px empty space...It should be height 1300 px of text and maybe 200 px of empty space...so the working area could have at 1500 px not 7500 px of height....I try to change it (to for example 1500 px) but it still  return to the basic 7500 px height and can`t do  it...The solution is to use another form like. the accordion form..but it is a row form….when you put a diffrent sized text (height) you will receive diffrent size of working  area (height), you obtain 7200px text +300 px empty space=7500 working area in 1st row.. 1200 px text + 300 px empty space=1500 workin area px in 2nd row and 2500 working area px in 3rd row…everything is fine in this form…each row has been formatted to the different size of height…but I prefer to use a tabbed panel (column form) instead a accordion form.…I don`t to waste the time to correct the code in html text editor like PSPad…
    Best Regards
    Kamil

    A couple of threads here that should answer your query.
    http://forums.adobe.com/message/5080345
    http://forums.adobe.com/message/5104253
    Thanks,
    Vinayak

  • Tabbed Widget Hiding "Content Area" in Normal State ...

    Q1. Is it possible to hide the complete content area of the tabbed widget in normal state? ...
    Q2. ... and than going back automatically from active state to normal state (same behavoir as Q1) if any other link/widget on the site was activated?
    Here´s an image of the idea i have, every tab comtains a picture gallery... should be a cool sliding user experience.
    thank you so much for your help!

    Have you tried customizing one of the Compositions Widget (Blank/Featured News/Presentation) to simulate a tabbed panel. Since a Compositions Widget allows you the option to hide the target containers on rollout or click.
    Try playing with the Compositions if that helps. Would be interested to know any specific feature that you are using Tabbed Panel over Compositions Widget for your above requirement.
    Cheers,
    Vikas

  • JavaFX SDK - no tab widget?

    The previous JavaFX releases had somehow the possibility to use a tabbedPane and the tab widget.
    I don't see them back in the list of javafx.ext.swing widgets of the newly released javaFX SDK. Will they be added in a future SDK release
    or if not, does somebody has an example how to create a tabbedPane and tabs with the new SDK release?
    Appreciate any help.

    Here is an example of some [ UI components|http://fisheye4.atlassian.com/browse/~br=technology-preview-1/openjfx-compiler/branches/technology-preview-1/demos/Assortis/src/assortis/core/ui] implementation: MyTabbedPane, MyTab

  • Tab widget doesn't show first tab when site is loaded

    I have a website consisting of only one page. This page has a tab widget that consists of four tabs. Tab one holds an accordion widget, tab two holds a slideshow widget, tab three contains another accordion widget and tab four holds just a .jpg with a hyperlink.
    Now, when I upload the site and I view it in my browser from the server, the site opens showing tab two with the slideshow - not tab one with the first item of the accordion widget open as I would expect - and want - it to. And further more: When I subsequently press the first tab, it opens with the last item of the accordion widget active - not the first item - and pressing tab three, it opens with the 3rd item (out of four - so in this case it is not the last item as is the case for tab/accordion one) of the accordion acitve.
    Is there a way to set up the tab- and accordion widgets so that they "instruct" the browser to show tab- and accordion items in a certain order upon opening the site? And if yes: How..?
    the site URL: www.siberweb.com/PF

    How come the answers to my questions always seems so obvious..?
    Thank you Brad - that made the trick.

  • Problem in Tab strip

    Hello all,
        I am facing problem in Tab strip where imy second tab is automatically getting in active position once after saving data in the first tab through save button in pf-status.

    Hi dear
    You can try this  Take a Strig type attribute in context
    goto the tabstrip properties  there in option "SELECTED TAB"  bind it with that string attribute
    and provide the value of that attribute as the name of first tab of tabstrip
    mine thing worked properly
    please try the provided link too.
    http://help.sap.com/saphelp_erp2005/helpdata/EN/e8/ac884118aa1709e10000000a155106/content.htm
    Edited by: AMARENDRA on Nov 30, 2011 11:50 AM

  • Spry 1.6.1 tab widget doesnt work on any browser

    hello
    from dreamwaever CS4 > spry 1.6.1 tab widget doesnt work
    on any browser. i guess the framework need to be fixed as some file
    might hv been wrongly packed.

    Fix your markup issues:
    http://validator.w3.org/check?uri=http%3A%2F%2Fmeeting.afrinic.net%2Fafrinic-10%2Fagenda2x .htm&charset=(detect+automatically)&doctype=Inline&group=0
    Also, your page gives a javascript error, caused by those
    script blocks:
    <script src="demo1_files/urchin.js"
    type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-1848067-8";
    urchinTracker();
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    </script>
    demo1_files/urchin.js is missing on your server so doing a
    urchinTracker(); will resolve in an error, and stopping the browser
    from executing JavaScript

Maybe you are looking for