TabNavigator mixed alignment of tabs

I have an application that within one tabnavigator component
I need some of the tabs left aligned and some of them right
aligned. I was able to accomplish this with Spry using CSS and
float right etc. This does not appear to work with Flex unless I'm
doing something wrong which is quite possible at this stage of my
learning experience.
Thanks

Hi Tyson,
I did exactly what you have mentioned and it worked fine.
But when I am putting the same thing in my custom.css file as mentioned below, IT's NOT WORKING.
uploaded custom.css at
Application XXX>Shared Components>Cascading Style Sheets
custom.css
.TabHolder,.TabHolderC {text-align:left;}calling custom.css in the Page Template (one level tab)
<head>
<title>#TITLE#</title>
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_16/theme_3_1.css" type="text/css" />


<link rel="stylesheet" href="#WORKSPACE_IMAGES#custom.css" type="text/css"/>
#HEAD#
</head>Any idea why it is not picking up???...
Thanks,
Deepak

Similar Messages

Orange Firefox Button Is No Longer Aligned With Tabs In Firefox 28

A few days ago I was extremely happy with the browser that I was using, although after I was forced into upgrading to what was probably one of the ugliest and most unusable interfaces ever conceived (really, what is it with the internet and thinking that forcing gigantic changes on users with no option to revert is a good thing? If I had no problems using Firefox before, then I most certainly wasn't asking for a terrible change that would completely move (or in some cases even remove) all of features that I frequently used), I had no choice but to downgrade to Firefox 28 (please don't give me a lecture about the security risks, after trying to use 29 and getting extremely frustrated about how it was far LESS easy to use that 28, I really don't care at this point).
So, since reinstalling Firefox 28, the Orange Firefox button (which most definitely didn't need to be replaced with some other terrible button, as the Firefox Button already worked perfectly fine) is no longer aligned on the same line as my tabs, and instead floats above them for some reason. If anyone can help me fix this problem I would greatly appreciate it.
Thanks

The problem exists whether the window is maximized or not, although I do usually like to keep all of my windows maximized.
Thanks for the reply.

Control alignment on tab pages

This is an appearance/aesthetic issue only. I am building a tab control with 8 pages. Each page has the same controls for different channels. How do I align/position a control on a page to be in exactly the same place as the same control on the page above/beneath it?
PaulG.
"I enjoy talking to you. Your mind appeals to me. It resembles my own mind except that you happen to be insane." -- George Orwell

There is a way to allign the controls from diffrent tabs, it just takes two steps.
Use a set of dummy reference controls. One for top, one for left that are positioned off the tab control.
You allign the controls on one page to the dummy references, then repeat for the other tabs.
If you group like Dennis suggested the work is done in no time.
Trying to help,
Ben
Ben Rayner
I am currently active on.. MainStream Preppers
Rayner's Ridge is under construction

Mixing of two tab's data when tabs visible option is Unchecked (Urgent) ?

Hi All
I have a problem with tab, when tab visible option is checked it works properly but actually i have to uncheck this option due to my application requirement.
When i uncheck this option in tab properties or set attribute in programming, tab does not shift and the next tab's data is displayed in the previous tab. In short the data of both tabs is mixed together.
For clarity i have attached screenshots
Picture 1.bmp and 2.bmp indicate the scenario when tab visible option is checked and 3.bmp is taken when this option is unchecked.
How to cater this problem ?
Regards
umer
Attachments:
Tabs Problem.zip ‏121 KB

I can't reproduce this... can you attach a simplified program that shows this behavior?

Alignment of tabbed columns in body of Mail email

How do I get columns of information to line up vertically when the columns are created with tabs in a word processing document and then copy and pasted into the body of a Mail email? Even though the columns line up perfectly in the word processing document, the columns in the Mail email are not aligned.

Welcome to the discussions, sleepy923.
Even if you try formatting your columns with tabs and spaces the receiver's mail client will probably not display them correctly. If you really need the receiver to see aligned columns, attach the word processing document, or make a PDF file from it and sent them the PDF.
AK

Observer:SelectableChildProvider on tabnavigator trouble when close tab

Hi,
I've got a tabNavigator wired with SelectableChildProvider component which bind my PM's "tabs collection" in order to reflect new tab to be displayed/tab's updates/tab to be closed by updating the "tabs collection" thru the PM.
Each tab owns its Context (created dynamically) in order to be able to dispatch event thrue tabs children targetted (no tabs interraction by catching event comming from other tabs).
Everything seems to work fine : new entry in the arraycollection thru my PM is OK but the trouble comes when I close a tab other than the lastest one :
Imagine I've got
- Tab1 owning a context Ctx1 where there's defined PM1 used by inner children of Tab1
- Tab2 owning a context Ctx2 where there's defined PM2 used by inner children of Tab2
- Tab3 owning a context Ctx3 where there's defined PM3 used by inner children of Tab3
In the MXML where is defined my tabnavigator and my observer I set tabNavigator's property like that tabClose="{model.removeTab(event)}" where model is the PM linked to the component which owns my tabnavigator and Observer.
In this PM I've defined the removeTab event like this :
public function removeTab(event:SuperTabEvent):void {
event.preventDefault(); //prevent tabnavigator to deal with child to remove
tabs.removeItemAt( event.tabIndex ); //update the tabs arraycollection -> will call Observer to change the tabnavigator content
In this way closing the tab2 will affect PM2 to tab3 exactly as if the tabs where only "shift" and the selected Object binded again.
To be clear : The selected Object (a VO) is rightly set (eg: tab2 now owns VO from 3) but the PM the "tab" should refer is not PM3 but PM2 !!!
This means that if my PM contains some business method to check/select variable binded from the view this view will show the ones from PM2 and not PM3...
The new situation after tabs2 closed :
- Tab1 owning PM1 used by inner children of Tab1
- Tab3(in fact the second tab but it may not be the tab3...) owning PM2 used by inner children of Tab3
If I remove the event.preventDefault() line the behaviour is OK but when I add an other tab the previously closed one appears again (the arrayCollection was not set correctly by the closeTab event.
I've tried several things to solve the problem but it seems it cannot be fixed easily...
Could you please help me with that ?
Thx

Also i feel with the same difficulty. Can anyone help us?

Alignment with Tabs Problem

Hi friends,
i have an CRM application where the item alignment and the tabs is creating a problem for me.
Instead of me to elaborate, i can show you in my page in apex.oracle.com, so that you can understand my problem clearly in the page itself. These are the login credentials
http://apex.oracle.com/pls/apex
Workspace: mini_ws
username: [email protected]
password: mini4i
Over there in the application 45387(application name: Customer Relationship Mgmt)
Under Page 2(page name: Accounts). U can see that the i couldn't able to align the following three items to the right side position of the region along with other items.
<li> sic code
<li> shipping country
<li> upsell opportunity
i dont know why it is not arranging like the other items(as the other items are arranged properly).
Another Problem is the tab problem in that page. I have following two tabs
<li>Accounts(will navigate to the page 2)
<li>Contacts(will navigate to the page1)
There is no any problem with the tab "Accounts" as it is correctly navigating to the page 2. But the problem persist with the "Contacts" tab.
As the "Contacts" tab is navigating to the page 1, but the"Accounts" tab is not visible in the page 1 and it is entirely getting disappearing. i dont know why it is happening.
Generally for the tabs, if we navigate to the corresponding page by pressing the corresponding tabs means, the other tab has to be visible inorder to navigate to the other page.
But in my case, if i pressed the "Contacts" tab means the "Accounts" tab is getting disappearing. I think that you can able to get my problem clearly in the example.
What is the tab issue over here and also about the alignment issue.
Thanks for your support friends.
Regards,
Mini

Mini wrote:
Hi friends,
i have an CRM application where the item alignment and the tabs is creating a problem for me.
Instead of me to elaborate, i can show you in my page in apex.oracle.com, so that you can understand my problem clearly in the page itself. These are the login credentials
http://apex.oracle.com/pls/apex
Workspace: mini_ws
username: [email protected]
password: mini4i
Over there in the application 45387(application name: Customer Relationship Mgmt)Thank you for doing so. It makes troubleshooting so much easier.
Under Page 2(page name: Accounts). U can see that the i couldn't able to align the following three items to the right side position of the region along with other items.
<li> sic code
<li> shipping country
<li> upsell opportunity
i dont know why it is not arranging like the other items(as the other items are arranged properly).The first item on the other rows has <tt>colspan="4"</tt> set.
Another Problem is the tab problem in that page. I have following two tabs
<li>Accounts(will navigate to the page 2)
<li>Contacts(will navigate to the page1)
There is no any problem with the tab "Accounts" as it is correctly navigating to the page 2. But the problem persist with the "Contacts" tab.
As the "Contacts" tab is navigating to the page 1, but the"Accounts" tab is not visible in the page 1 and it is entirely getting disappearing. i dont know why it is happening.
Generally for the tabs, if we navigate to the corresponding page by pressing the corresponding tabs means, the other tab has to be visible inorder to navigate to the other page.
But in my case, if i pressed the "Contacts" tab means the "Accounts" tab is getting disappearing. I think that you can able to get my problem clearly in the example.
What is the tab issue over here and also about the alignment issue.No idea. Tabs are awful so I never use them.

Close tab button appears on both sides of tab and I couldn't find the option to fix it in the two addons I suspect of causing this: Tab Mix Plus & TreeStyle Tab

After I switched to Tab Mix plus I started getting the close button on both sides of tabs which causes me to accidentally close them all the time.
I also use TreeStyle Tab and I suspect an option in one of these two addons caused this... Or maybe a conflict?
I tried to solve it myself through the addon options but to no luck.
I'd like to keep both addons because they're great, help please?

Try to ask advice at the Tab Mix Plus forum:
*http://tmp.garyr.net/forum/viewforum.php?f=3

Alignment on Tabs

After installing version 23, I went to About:Config to change the placement of the tabs to not on top. But now the tabs are centered, i.e., the first tab is on the center of the screen, and other tabs follow on the right with empty space to the left of the first tab. I guess I must have accidentally reset another value. How do I reset this issue.

'''Try Firefox Safe Mode''' to see if the problem goes away. Safe Mode is a troubleshooting mode, which disables most add-ons.
''(If you're not using it, switch to the Default theme.)''
* Open the Help menu and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
''Once you get the pop-up, just select "'Start in Safe Mode"''
'''''If the issue is not present in Firefox Safe Mode''''', your problem is probably caused by an extension.
''To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.''
Please report back with your results.

Aligning tabs in Tab navigator

I'm aware that you can align the tabs either left, center or
right - but what if I have an application which requires some of
the tabs to be left justified with others being right justified
within the same component. I tried using CSS with the float left
and right properties which did not appear to work with Flex.
Perhaps this is not possible or I'm just doing something wrong
being new to Flex.
Thanks.

Hi,
This IS possible but hard in the incarnation of the halo tab navigator.
Check out:
http://blog.teotigraphix.com/2010/03/08/spark-navigators-viewstack-tabnavigator-accordion
Within a week I will be releasing that framework opensource (alpha) and it will allow you to easily do this since in Spark, your just creating custom layouts.
In Halo, the TabBar is like concrete, there is not a lot you can change about it's characteristics without rewritting the whole thing.
The reason you are getting the ... is that a TabBar is an HBox in disguise. I does have a modified alyout algorithm but is lays out children using the HBox algorithm.
Mike

Tabbed Panel Alignment

I'm having a problem with aligning the Tabbed Panel Content
window. My page has a sidebar containing a navigation menu. This
menu is about 200 pixels tall. In the mainContent window to the
right of the sidebar is a Spry Tabbed Panel. When in Design mode,
everything looks OK When viewing the page in any browser, the top
of the Tabbed Panel Content window aligns with the bottom of the
navigator area in the sidebar. If I add content above the Tabbed
Panel to push it below the navigator everything looks good. How can
I make the Tabbed Panel Content window appear just below the tabs
rather than being pushed down to the bottom of the
navigator?

There is no such property value for float, see here http://www.w3schools.com/css/pr_class_float.asp
Gramps

Tabbed panel widget vertical alignment

In IE9, Chrome and Mozilla I have a vertical alignment problem in all browsers with the labels of a tabbed panel widget when sub-element positioning is set to horizontally-centererd or horizontally-top aligned.
Also this tabbed panel in IE9 has a 50% opacity whereas in Chrome and Mozilla it is shown as expected.
Please press the horn icon on my website http://www.timberexpert.gr to see the problem.
I am frustrated! Please recommend a solution.

IE9
Mozilla
I have drawn a horizontal yellow line to show vertical alignment of tabbed legends

Change Position of Tabs in TabNavigator

Howdy!
I am new to flex/flashbuilder. I am trying to create a tabNavigator with the the tabs on the the side of the content area. I have searched and have found some work arounds (see below). However, I was under the appreciation that Flashbuilder 4 would have built in options for accomplishing this.
Can someone please provide any insight? I find it hard to believe that no one would have considered placing a simple option like this into the application.
Thanks,
Here is the code that kind of achieves my purpose however it is not a clean as the native look of the tabNavigator.
<mx:HBox>
        <mx:TabBar dataProvider="{vs}" direction="vertical"/>
        <mx:ViewStack id="vs">
             <mx:Canvas label="First Tab" backgroundColor="red" width="500" height="500"/>
            <mx:Canvas label="Second Tab" backgroundColor="green" width="500" height="500"/>
             <mx:Canvas label="Third Tab" backgroundColor="blue" width="500" height="500"/>
            <mx:Canvas label="Fourth Tab" backgroundColor="yellow" width="500" height="500"/>
         </mx:ViewStack>
    </mx:HBox>

Georgeonetwothree wrote:
it is part of a dreamweaver template
If it's part of a DW template then once you save the page all pages using that template should update automatically.

TabNavigator and dynamic tab-styles

I'm trying to change the tab-style skin style based on the content that the parent canvas is being provided.
For example, if the parent canvas (which is being reused everywhere) has a particular property, i'd like my tabNavigator's tabbar to use another skin for the buttons. I've created a getter in my tabNavigator to access the tab bar. To which i set the skin style to the class i'd want. Doesn't work. Is there a simple style that i can set to do this?
I've tried creating a css for every possibility and assign it to tabNavigator with a bindable variable. But it still displays the default value. If i put it in the mxml declaration stylename="customskin" it works. but if i put stylename="{_bindableStyle}", it doesn't work.
In both cases, none of the tabNavigator's children are created until this value is set, so i'm not trying to set a style after the content was created.
I've also tried creating the tabNavigator on creation instead of having it in the mxml declaration, doesn't work either.
Any thing else i can try that i haven't yet?

Hi Frank, thanks for response.
Do you think that somehow in my case there is only one instance of the TF_A ?
Here is relevant settings for my popup containing static region with TF_A
          <af:popup id="pB55" contentDelivery="lazyUncached"
                    popupFetchListener="#{myBean.crudPopupFetchListener}"
                    autoCancel="disabled" childCreation="deferred">
            <af:panelWindow ...>
              <af:region value="#{bindings.TF_A.regionModel}" id="r6"
            </af:panelWindow>
          </af:popup>myBean.crudPopupFetchListener :
   //Task flow activation code (for the TF binding 'active' property bellow)
   pageFlowScope.put("pB55", "true);
   // code for setting the TF parameters:
   .....and here i setting for TF_A binding from the pageDef:
    <taskFlow id="TF_A"
              taskFlowId="..."
              activation="conditional"
              xmlns="http://xmlns.oracle.com/adf/controller/binding"
              Refresh="ifNeeded" active="#{pageFlowScope.pB55 eq true}">
      <parameters>
      </parameters>
    </taskFlow>

TabNavigator Not Displaying Tabs

I have an app whose top-level container is a TabNavigator
(PARENT). PARENT has one static tab (index 0) and a Repeater bound
to an Array that dynamically creates the remaining tabs. Clicking a
button on the first tab adds an item to the Array and updates the
Repeater. What should happen is this:
A new tab is added whose content is another TabNavigator
(CHILD) with four tabs. The selectedIndex of PARENT is updated to
the newly-added tab and CHILD's selectedIndex is updated based on
the data contained therein.
What actually happens is this:
A new tab is added whose content appears to be a Box with a
border, but no tabs. Only the content of CHILD's first tab is
displayed.
At one point this was working but now it's messed up. I've
checked all of my code for consistent line endings, etc. The app
runs perfectly except for this display issue.

quote:
Originally posted by:
ntsiii
One this I see is that you shuld have:
AppTabs.selectedIndex = openDeals.length - 1;
since selectedIndex is zero based.
Tracy
The reason I'm using openDeals.length is because the static
tab takes up index 0 so I need to start at 1 for my new tabs. That
was purposeful. I'll try the creationPolicy and see what
happens.

TabNavigator mixed alignment of tabs

Similar Messages

Maybe you are looking for