UIX Tab Alignment

Hi,
Is there any way to align a tab bar (UIX) to the left side instead the right side?
We're using a template file (uit) for the tab definition as shown:
 <tabs>
 <tabBar selectedIndex="${uix.rootAttr.selectedTab}" >
 <contents>
 <link text="Option 1" destination="bla bla"/>
 <link text="Option 2" destination="bla bla 2"/>
 </contents>
 </tabBar>
 </tabs> I tried with a pageHeaderLayout but JDev report an error: pageHeaderLayout not defined in parent pageLayout.
Thanks!
Gerardo

The tabBar is - in the end - just an image. You can put it anywhere you want to.
If you place it in a rowLayout you can determine with hAlign where it ends.
Sascha

Similar Messages

JTabbedPane tab alignment top - right hand side

Hi all,
On a JTabbedPane, I would like to force the tab alignment on the top right or left hand side. This is because on a mac the default alignment is centered. So I would like to force the alignment on top - right or top - left, which one ever comes easier.
Any help or hints are appreciated
Thanks
Oscar

The right, or the left? AFAIK, every platform other than the Mac aligns the tabs to the left. If you want Macs to behave the same way, you might be able to subclass MacTabbedPaneUI (or whatever they call it) and force it to use the LayoutManager from BasicTabbedPaneUI. Try this:
import java.awt.LayoutManager;
import javax.swing.UIManager;
import javax.swing.plaf.basic.BasicTabbedPaneUI;
import /* whatever the package is */MacTabbedPaneUI;
public class LeftAlignedTabbedPaneUI extends MacTabbedPaneUI
public static void initialize()
    String key = "TabbedPaneUI";
    Class cls = LeftAlignedTabbedPaneUI.class;
    String name = cls.getName();
    UIManager.put(key, name);
    UIManager.put(name, cls);
protected LayoutManager createLayoutManager()
    return new BasicTabbedPaneUI.TabbedPaneLayout();
}In your app's startup code, call LeftAlignedTabbedPaneUI.initialize(); if the L&F is set to Mac. If this doesn't work, you'll probably have to write your own LayoutManager. And if you really want the tabs right-aligned, you'll definitely have to write your own LayoutManager.

TabNavigator and Tab Alignment

I have a TabNavigator control with 6 different tabs. I want the last tab to be right aligned while the other 5 are left aligned. I know this is possible because I;'ve done it before but like a dumbazz I forgot where i put that code snippet and now can't find it anywhere. Please help if ya can... Thanks!!!
This is the code I have in place to create the tabs, it is the terminateCoCanvasID tab I need to right align.
<mx:TabNavigatorid="DBTabNavID" width="100%" height="100%" change="ChangeProvTab()" creationPolicy="all" >
<mx:Canvas id="companyCanvasID" label="Company Information" height="100%" width="100%" >
 <DBs:db_CoInfo id="dbCoInfoID" width="100%" height="100%" />
</mx:Canvas>
<mx:Canvas id="dbAssociatesCanvasID" label="Associates" height="100%" width="100%" >
 <DBs:db_Associates id="dbAssociateFormID" width="100%" height="100%" />
</mx:Canvas>
<mx:Canvas id="removeAssociateCanvasID" label="Remove Associate" height="100%" width="100%" >
 <DBs:db_RemoveAssociate id="db_RemoveAssociateID" width="100%" height="100%" />
</mx:Canvas>
<mx:Canvas id="addAssociateCanvasID" label="Add Associate" height="100%" width="100%" >
 <DBs:db_AddAssociate id="db_AddAssociateID" width="100%" height="100%" />
</mx:Canvas>
<mx:Canvas id="coTransHistCanvasID" label="Transactions" height="100%" width="100%" >
 <comp:transactionHistory id="coTransactionHistoryID" width="100%" height="100%" />
</mx:Canvas>
<mx:Canvas id="terminateCoCanvasID" label="Terminate Company" height="100%" width="100%" >
 
</mx:Canvas>
</mx:TabNavigator>
Thanks in advance for hellping me through this brainfart...

Hi Rusty-Nails,
Set tab stops in Format Panel > Text > Layout > Tabs
Click on the + to insert a tab stop. Choose Decimal from the Pop-Up Menu.
On the Menu Bar, View > Show Rulers.
There is a tab character after 'text'.
I dragged the tab stop (blue circle) to another position.
Regards,
Ian.

ADF UIX Tab Switching and 404 Error

I have an ADF UIX page that has a couple of tabs. When switching from one to the other, some of the links to data pages give me 404 error whereas they work if I run each page seperately. How do you maintain state when switching on tabbed pages?
Thanks!
Ray

We need more detailed information to help with your scenario.
Is there any difference between the URL seen in the browser address location when you run individual tab pages versus clicking on the links?
Kind Regards.

Databound or conditional UIX Tabs

I have a product catalog with a product page that has tabs for additional info - specs, reviews, etc - common scenario. There is a basic tables/entity for Product and then other tables/entities for specs, reviews, etc which have and FK to product.
I know how to do this with JSP scriptlets (or servlet Java), but I am trying to see how you'd do this in UIX.
1) Are there examples of binding tabs to data in UIX-XML like this?
In this case, I actually have a row of flags for a product telling me whether or not the child data exists (specs_flag, review_flag, etc.)
And how would you...
2) Only show the tabs if there was data? (Hide/Show)
3) Have a different tab-style depending on whether or not there was data. That is, for editors, I want to show that tab and indicate nothing is there, but still have the tab there so they can click on it to add data. (quasi-Enable/Disable)

For an in-depth discussion of tabs and navigation in uiXML, look at chapter 13 of the UIX Developer's Guide: Page Layouts.
uiXML (UIX XML) does not have a separate component element for a tab. Instead, the <link> element is rendered differently depending on its position in the page. The chapter explains this further. This is done to conform to the BLAF standards for navigation, which are quite detailed and specific.
Links can be data-bound. Any attribute can be data-bound by specifying the data-binding namespace (usually data:) before the attribute. The attribute value then is a reference to a Data Object. For instance
<link text="foo" data:destination="bar@myObject@myprovider" displays a link with the text foo but the destination URL is retrieved by going to the Data Object "myObject" and looking for the key value "bar". The value associated with that key becomes the destination URL.
You can make a row of tabs expand or contract by displaying them from a Data Object List:
<tabs>
<tabBar data:childData="foo@bar">
<link data:text="textkey" data:destination="linkkey"/>
</tabBar>
</tabs>
"bar" is the <data name=> name (provider name) and foo is the name of a Data Object List that the provider returns. Each Data Object in the list is sent to <link> as the "current" Data Object. "textkey" and "linkkey" are key values in the Data Object. This implicitly iterates through all the Data Object and "stamps out" a tab for each one. Therefore, you can put in a tab that doesn't go anywhere (if you want).

Portal - Tabs Alignment

I have several pages (tabs) in my portal. Any more than 5 Tabs and it starts overflowing
into two rows of tabs - although there is sufficient space to the left and right
of the tabs. Is there a place I can configure it so that it is all on one line?
Any help is appreciated.

Cody Burleson <[email protected]> wrote:
find the file:
hnav_bar.jsp
This defines the horizontal navigation bar. I've already modified mine, so I
can't tell you want the defaults are. I can. The variable, PAGES_PER_ROW, defines the number of links you
wish to display per row in that page nav bar. It (PAGES_PER_ROW)
defaults to 5.
Cody Burleson <[email protected]> wrote:
Probably the default table is not defined as 100% width or something.Err...not quite. The following to string vars default to 50% each,
equaling 100% by default:
static final String FIRST_COLUMN_WIDTH = "50%";
static final String LAST_COLUMN_WIDTH = "50%";
Hope this helps!
Brian J. Mitchell
BEA Systems Administrator

Tab Content Alignment in JTabbedPane

I want to left-align the contents of the tabs on my JTabbedPane, so that the icons all line up. Does anyone have a procedure for doing this?

Nope. All my tabs are on the left hand side.
What I want is a way to put the contents of the tabs aligned left as well.
When the tabs are placed on the left or the right, they are all automatically sized the same as the widest tab.
When content is put into the tabs, it is centered on the tab. This makes the icons appear out of alignment and messy, because not all of the titles are the same length.
I need a way to ensure (despite the width of the tab) that the content is left-aligned. This would make the icons all line up.

Align on comma tabs with tagged text in ID CS2

We have a problem generating tabs aligned on comma with tagged text in CS2. It works for other characters (like dot for example). Any attempt until now leads to an Indesign CS2 crash at import. The problem seems to be that the comma is also the separator for the parameters of the pTabRuler tag. In order to find a suitable syntax we have tried the following (without success) : 1) use the syntax from the documentation (tagged text user guide) 2) do some roundtripping (ie export and place the same tagged text. This works in CS3, but the CS3 syntax is version 5 while CS2 is version 4) 3) use an hexa definition of the comma <0x002C> similar to the "Indesign tags for special characters 4) upgrade to the last CS2 update (4.0.5) Of course one could say we just have to upgrade to CS3 and case is solved. As we have a lot of scripting to convert between CS2 and CS3, we had like to know first if there is a solution for CS2. b Here is a sample of the tagged text we cannot import in CS2: <ASCII-WIN> <Version:4><FeatureSet:InDesign-Roman><ColorTable:=<Black:COLOR:CMYK:Process:0,0,0,1>> <DefineParaStyle:NormalParagraphStyle=<Nextstyle:NormalParagraphStyle>> <ParaStyle:NormalParagraphStyle><pTabRuler:113.38582677165356\,Char\,\,\,0\,\ ;> 1,23 12,3 <pTabRuler:><ParaStyle:NormalParagraphStyle><pTabRuler:113.38582677165356\,Char\,\,\,0\ ,\ ;> 123<pTabRuler:> b Here is the export of the same in CS3 that works in roundtripping: <ASCII-WIN> <Version:5><FeatureSet:InDesign-Roman><ColorTable:=<Black:COLOR:CMYK:Process:0,0,0,1>> <DefineParaStyle:NormalParagraphStyle=<Nextstyle:NormalParagraphStyle>> <ParaStyle:NormalParagraphStyle><pTabRuler:100\,Char\,\\\,\,0\,\ ;> 1,23<0x000A> 12,3 <pTabRuler:><ParaStyle:NormalParagraphStyle><pTabRuler:100\,Char\,\\\,\,0\,\;> 123<pTabRuler:> Note : tab align on comma is the way it should be in continental europe for displaying prices for example. Any hint would be very appreciated. Emmanuel

We have a problem generating tabs aligned on comma with tagged text in CS2. It works for other characters (like dot for example). Any attempt until now leads to an Indesign CS2 crash at import. The problem seems to be that the comma is also the separator for the parameters of the pTabRuler tag. In order to find a suitable syntax we have tried the following (without success) : 1) use the syntax from the documentation (tagged text user guide) 2) do some roundtripping (ie export and place the same tagged text. This works in CS3, but the CS3 syntax is version 5 while CS2 is version 4) 3) use an hexa definition of the comma <0x002C> similar to the "Indesign tags for special characters 4) upgrade to the last CS2 update (4.0.5) Of course one could say we just have to upgrade to CS3 and case is solved. As we have a lot of scripting to convert between CS2 and CS3, we had like to know first if there is a solution for CS2. b Here is a sample of the tagged text we cannot import in CS2: <ASCII-WIN> <Version:4><FeatureSet:InDesign-Roman><ColorTable:=<Black:COLOR:CMYK:Process:0,0,0,1>> <DefineParaStyle:NormalParagraphStyle=<Nextstyle:NormalParagraphStyle>> <ParaStyle:NormalParagraphStyle><pTabRuler:113.38582677165356\,Char\,\,\,0\,\ ;> 1,23 12,3 <pTabRuler:><ParaStyle:NormalParagraphStyle><pTabRuler:113.38582677165356\,Char\,\,\,0\ ,\ ;> 123<pTabRuler:> b Here is the export of the same in CS3 that works in roundtripping: <ASCII-WIN> <Version:5><FeatureSet:InDesign-Roman><ColorTable:=<Black:COLOR:CMYK:Process:0,0,0,1>> <DefineParaStyle:NormalParagraphStyle=<Nextstyle:NormalParagraphStyle>> <ParaStyle:NormalParagraphStyle><pTabRuler:100\,Char\,\\\,\,0\,\ ;> 1,23<0x000A> 12,3 <pTabRuler:><ParaStyle:NormalParagraphStyle><pTabRuler:100\,Char\,\\\,\,0\,\;> 123<pTabRuler:> Note : tab align on comma is the way it should be in continental europe for displaying prices for example. Any hint would be very appreciated. Emmanuel

Text variable + text with tabs to align away from spine

Hello
I need a document header that shows the chapter captions. So I created a text variable that picks the format of the caption.
But the chapter captions have tabs:
I.>Introduction
So in the header, on the left pages it looks fine:
alignment is "away from spine"
I.>Introduction
But on the right page the chapter number remains with the spine, only the text after the tabs aligns "away from the spine":
I. > Introduction
I found it difficult to search for this on google and the forum (and no result) - and hope I made it clear in the text above I can't believe it's a rare problem and really hope I just oversee something and it can be solved..
Thank you!!

Some details about how the paragraph is constructed would help. I'm guessing here that the variable is a running head variable based on paragraph style, and that the nmber is manually typed, along with the tab, rather than being a numbered list.
If that's the case, substituting one or more em spaces or other fixed-width spaces in combination for the tab should solve the problem in the headers, but may cause other issues in the body of the text if your intention by using the tab was to always have a variable space between the number and the words depening on how many characters there are in your number. With roman numerals and proportional fonts it would be difficult without the tab to always have the chapter title itself begin at the same x-coordinate in the frame regardless of the number.
To overcome that issue, you can use two variables in the header, both designated as Running Header (character style), and separate them with an em-space or similar (not a tab). If there are not already nested styles in use for the titles, create two character styles that are nothing but names, then in the paragraph style for your chapter titles go to Drop Caps and Nested Styles and apply the first character syle up to 1 tab character, None through 1 tab character, and the second character style through 1 sentence. You two character style based variables in the header will pick up the two parts of the paragraph. It seems unlikely that anyone would notice or care that the spacing is fixed between number and text in the headers but not on the page, especially since the alignment shifts from page to page.

' Include ... ' tag in a page which use UIX template is not work! Help!

I've used JDev9.0.4 and UIX.
I want to use include and template at the same time.
So I've put a 'globalHeader' and a 'tabBar' in 'Test.uit'.
And I've made 'TestUIT.uix' which used 'Test.uit' as a template include 'Table.uix'.
But 'Table.uix' included by 'TestUIT.uix' has been ignored and has not worked!!
Is this problem oriented from my fault or a bug of jdev904?
My codes like this.
-->
Test.uit
<?xml version="1.0" encoding="windows-949"?>
<templateDefinition xmlns="http://xmlns.oracle.com/uix/ui"
xmlns:ui="http://xmlns.oracle.com/uix/ui"
xmlns:data="http://xmlns.oracle.com/uix/ui"
targetNamespace="http://www.example.org/demo/templates"
localName="oplBaseLayout">
<content>
<dataScope xmlns="http://xmlns.oracle.com/uix/ui"
xmlns:data="http://xmlns.oracle.com/uix/ui">
<provider>
</provider>
<contents>
<pageLayout>
<tabs>
<include node="../Component/MenuBar/TabBar.uix"/>
</tabs>
<pageHeader>
<include node="../Component/MenuBar/GlobalHeader.uix"/>
</pageHeader>
<contents>
</contents>
</pageLayout>
</contents>
</dataScope>
</content>
</templateDefinition>
TestUIT.uix
<?xml version="1.0" encoding="windows-949"?>
<page xmlns="http://xmlns.oracle.com/uix/controller"
xmlns:ui="http://xmlns.oracle.com/uix/ui"
xmlns:data="http://xmlns.oracle.com/uix/ui"
xmlns:ctrl="http://xmlns.oracle.com/uix/controller"
xmlns:html="http://www.w3.org/TR/REC-html40"
xmlns:bc4j="http://xmlns.oracle.com/uix/bc4j"
xmlns:myTemplate="http://www.example.org/demo/templates">
<bc4j:registryDef>
<bc4j:rootAppModuleDef name="OligoAppModule" definition="View.OplModule"
releaseMode="stateful">
<bc4j:viewObjectDef name="Oligo" rangeSize="3"/>
</bc4j:rootAppModuleDef>
</bc4j:registryDef>
<templates xmlns="http://xmlns.oracle.com/uix/ui">
<templateImport source="Test.uit"/>
</templates>
<content>
<dataScope xmlns="http://xmlns.oracle.com/uix/ui">
<provider/>
<contents>
<document>
<metaContainer>
<head title="UITTest"/>
</metaContainer>
<contents>
<body>
<contents>
<myTemplate:oplBaseLayout title="UITTest">
<contents>
<bc4j:viewObjectScope name="Oligo">
<contents>
<include node="Table.uix"/> </contents>
</bc4j:viewObjectScope>
</contents>
</myTemplate:oplBaseLayout>
</contents>
</body>
</contents>
</document>
</contents>
</dataScope>
</content>
<handlers/>
</page>

Hi -
But 'Table.uix' included by 'TestUIT.uix' has been
ignored and has not worked!!So is the problem that you don't see the contents of Table.uix? Are any error messages logged? Do you see the contents of the GlobalHeader.uix and TabBar.uix includes?
It would be very helpful if you could put together a minimal testcase which reproduces the problem (no BC4J tags) that we could use to test the problem out over here.
Andy

Tabs and leader

Couple of questions for all of the ID experts out there.
Thank you Peter for responding to my last post...this project
is still very much a work in progress. Unfortunately it has fallen
on my lap as a last minute project and has given me little time
for outside preparation.
1st:
I have a long text document that was originally written in word and imported into ID.
Tabs were set in Word but not in any consistent fashion. Is there a way in ID for me
to set the spacing measurements for the already existing tabs - and have it
apply to the whole document, or must I manually adjust everything?
2nd:
If I am able to set the tabs for the whole document with a single adjustment
can a leader also be applied at the same time?
Thank you for your time.

natashaj wrote:
Well, I did try that and it is not working. I am relatively new to styles, so I am sure I am probably
missing a step. I am having a terrible time with this project. The tabs that came in from Word are so inconsistent.
Will the tab alignment setting affect anything - the one that may have been used in Word?
Do I need to match the alignment in ID to have it take effect?
The tabs are all goofy - if I show hidden characters this is how the tabs are displaying. I even tried a
find/replace to remove the excess tabs that were used. This is what I have right now -
after trying to clean up the extra tabs.
...14-16in>>$1,400-1,600
....21-24in>>$2,500-3,000
....Black, 14-19in >> $6,000°
....Other, 14-19in >> $6,000°
Some folks would say that the Word tabs you're seeing in this document are not "goofy," they're standard Word users inconsistent and uninformed use of tabs, and perhaps also tab stops.
Peter S. is on the right diagnostic track. To add an idea, the problem issues are in both the settings of the tab stops (a paragraph property) and the tab characters that are in the text itself.
If the content is as consistent as your example shows, another approach that you might combine with his suggestions is to search for "in" preceded by one or more digits, and perhaps a dash or hyphen, followed by one or more tab characters, and replace with something suitable. I'm not GREP-savvy enough to suggest something, but Peter S. probably can.
HTH
Regards,
Peter
Peter Gold
KnowHow ProServices

Wide report causes standard tabs in two-level-tabs to move

I know that sounds odd. So, if you have a large (wide) report, that spans the browser window, and you resize the window, the tabs will move to the right, eventually right out of the window. Very odd.
I have Apex 3.0.0.00.20. I have a simple report region with a query that has over 20 columns. The data isn't really meant to be read, there is a download to spreadsheet link that people will use. However, there is also a two-level tab system in place. Parent tabs at the top (on the right) look fine. The standard tabs, below are left aligned and look good on all pages except this one. If the window is wide, fitting the entire width of the report, then the tabs align on the left. That is very wide, filling up more than my widescreen monitor on my two-monitor setup. For users on a single smaller monitor, they cannot size it that large, and if the window is narrow enough, the tabs are actually off the screen. You have to scroll right to see them. It's the strangest thing. But, it's a pain, since they need to use these.
Anyone see this? Any ideas how to prevent those tabs from moving and staying anchored on the left?
Thanks

Sounds like the result of a layout based on nested tables, which are expanding to accommodate the wide report content.
Solution would be to move the standard tabs region or the report region to another region position, or change the page template so the tabs current region position is not contained within a table that also contains the table containing the report region position.
This should all become clear if you view the page in Firefox and outline the tables using the Web Developer Toolbar...

Problem with tab stops in InDesign CS6

Hi there.
I'm trying to align large numbers (with two stops) like
1.229
102.864
7.075
2.140.753
2.251.921
in Indesign CS6. Obviously I'd like them to align on the second dot.
After choosing OpenType > Tabular Lining from the Character Panel menu I am able to align them almost perfectly. However upon closer inspection I can see that the second dot is not aligned perfectly like it should. Why is that? Any help would be greatly appreciated!
Thanks!

Hi Donvinoth,
Sure! If you look at the examples above, I've tried three different options and settings using the Minion Pro font. Selecting "OpenType > Tabular Lining is not even necessary as I've come to learn.
Example A: a normal textbox in which I've selected all the numbers and then chosen "Align right". The numbers then align perfectly on the second dot.
Example B: a normal textbox with several columns and different tabs options. You can see which one I've used on the individual columns by the title above. Notice how the decimal option is not aligning the numbers by the second dot? The only solution to the problem is to choose the "Right-justfied Tab" in the tab options, as shown in the last column. Aparently you can't make the decimal tab align on the second dot like this in InDesign yet but perhaps they'll make it possible in another version.
Example C: I've inserted a table into a textbox and and then used different tabs options on the columns; notice how the decimal tab is working like it should in this case? In order to insert a tab in a table you need to place your curser right in front of the number and then right-click your mouse, choose Insert special character > Other > Tab. You can also choose to make the row and column stroke invisible in the table Table options if need be, which will make it look exactly like a normal textbox.
This won't work with fonts like Dosis as it's not suitable for tabular work where you want figures to line up vertically like Spier said, so you need to choose a font like Minion Pro or something similar to it.
I'm not sure if that solves your problem. If not then please attach a picture of the issue you're having and I'll try my best to help you.

UIX/JSP: bug of the tag uix:tabBar

Please, can someone comment on the following behavior of the tag <uix:tabBar>:
The UIX/JSP tag <uix:tabBar> is commonly used together with the <uix:link>.
I cannot make the last one work in a more complex way but just using its attribute 'destination'.
For example, the tag <uix:link> has an attribute 'onClick' but it fails to work within the tag <uix:tabBar>. So in this example:
<uix:tabs>
<uix:tabBar >
<uix:link text="alert" onClick="alert('Test alert');" />
<uix:link text="Main" destination="UixEdit1.jsp />
</uix:tabBar>
</uix:tabs>
The link 'alert' is visible but doesn't work.
Maybe this should be solved by wrapping <uix:link> in something...

Yes, Juan it works fine outside the TabBar.
But, Adam it's not quite clear to me what you mean by the "javascript URLs".
The one thing I want is to make a row editing form divided into 2 tabs (instead of the one, generated by the wizard). So I have do form updates on the event "moving to other tab". Can you advise, how I can put any javascript inside the <tabBar>?
Thank you.

What controls which tab displays when a portal is opened?

My portal has five tabs in it. When I was running Portal 3.0.6.6.5, the left-most tab was the default (and 'on top') when portal launched. Now under 3.0.8.9.8, the right-most is the default. I know there is a Tab Alignment setting under the 'Edit Tabbed Region' for each tab and I have all of them set to Left, but this only seems to affect whether the tabs group to left or right, not which one is default at launch.
Anyone have any ideas?

Satish,
Can you clarify what your requirement is?
It sounds logical to me that you see the same view when you access the same page from a different browser window.
If you want to access the contents of your tabs individually as "stand alone" portal pages, this is what I'd do:
1) Create a page for every tab.
2) Create a page for the "tabbed master page".
3) Add the pages created in 1) to the tabs as page portlets.
When you need to access a particular page without tabs, provide the link to the pages created in 1). When you want to access the "tabbed master page", provide the link to the page you created in 2).
Hope it helps,
Peter

UIX Tab Alignment

Similar Messages

Maybe you are looking for