Resizing TabBar Tabs Dynamically

Hello Flexxers,
What I want to do is have tabs that display both icons and labels in them. I've got that working.
Next, I want the selected tab to show the icon and the label (the default) and the unselected tabs to only show the icon, and be set to to a specific width that will only hold the icon. I can't for the life of me figure this out. I'm able to set the width of the ButtonBarButtons in the skin, but that resizes all of the tabs. I can't seem to change each one separately or dynamically. Can I access properties in the skin files when I select a tab? Maybe dynamically swap the skins of the ButtonBarButtons? Any ideas how I can go about doing this? Thanks!
P.S. My TabBar has a custom skin which has an itemRenderer displaying a ButtonBarButton in it. This ButtonBarButton has its own custom skin where the icon image and the label are drawn.

Just came up with a solution for this which I had overlooked:
In the TabBarButtonSkin (which is on the ButtonBarButton inside the TabBarSkin), you just use the built in states to set the width of the skin on the mouse interactions.
Example:
width.over = "xx"
width.up = "xx"
etc...
It does just what I was looking for.

Similar Messages

Hiding a Tab Dynamically in FPM

Hi,
Can you please let me know how to hide the tab dynamically in FPM. I tried to implement the interface IF_FPM_TABBED_CONF_EXIT in the SAP standard webdynpro, but I get a error " Web Dynpro comp./intf. "IF_FPM_TABBED_CONF_EXIT already exists". Even though I get this message I am not able to find the interface IF_FPM_TABBED_CONF_EXIT in the implemented list of interface.
Regards,
Arun

Hi Aliaksandr,
Thanks for the reply.
Actually I am not able to implement the interface controller IF_FPM_TABBED_CONF_EXIT in the SAP standard webdynpro, I get an error " Web Dynpro comp./intf. "IF_FPM_TABBED_CONF_EXIT already exists".
Even though I get this message I am not able to find the interface IF_FPM_TABBED_CONF_EXIT in the implemented list of interface.
Regards,
Arun

Portal Tabs - Dynamic Hide/Display

Hello:
We have a Portal Page Group with multiple TABS. We like to be able to display/hide (or enable/disable) tabs based on the Portal Roles assigned to the current user.
Is it possible to Hide/Display tabs dynamically based on certain conditions? What is the best way to enforce this without creating multiple page groups?
Thanks

The only way I know to conditionally hide/show tabs is to grant access on each tab to one or more groups. The tab will then only be displayed on the page to logged-in user that is a member of a designated group for that tab. (Portal admins will be able to see all the tabs.) If there's another way to hide/show tabs based on other criteria - I'd like to know too! :-)

Changing tabs dynamically

Hi All,
I have a requirement to change my tabs dynamically inside my view for different scenarios.For this, i have binded selectedTab property of tabstrip to some context attribute and then i am setting this attribute with Id's of my tabs depending upon the scenario.But this is not working and always first tab is shown by default.I tried to debug the value af the attribute and it is getting set by different Id's.Can anyone help me in this regard.This is very urgent.
P.S rewar points will be awarded if issue is resolved
Thanks
Amit Bagati

hi amit this is what you must be following......
for testing purpose, initially in the wddoinit method provide the second or any other tab id ( in capital letters ) to the context and check what happens.
if it works fine then your logic is differing in some place that by default the tab1 id is sent to the context.
---regards,
alex b justin

Hide Tab Dynamically in RFx.

Hi,
I am new to FPM. I have a requirement that I want to hide a tab dynamically for Guest User. when i tried to Implement the Interface IF_FPM_TABBED_CONF_EXIT I am getting the error that Interface IF_FPM_TABBED_CONF_EXIT already Exists. But Unable to use the interface.
Please find the screenshot.
Please help me how to hide the view Dynamically.
Thanks & Regards,
Pawan Reddy

Pawan,
Please refer to the document below to know how to use INM_APPCC_PPM_OBJECTS:
http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/b52e13c3-0901-0010-8fa6-d11a51821b7c?QuickLink=index&…
Different controllers of Webdynpro:
Different controllers of Webdynpro | Team ABAP
Regards,
Ashvin

Adding and removing tabs dynamically as in explorer

adding and removing tabs dynamically as in explorer or firefox

Think about how many translations are required to move your avatar, then think how many translations are required to move everything else in the entire world. Depending on whether there is more to translate in your avatar or in the rest of the world, you have your solution.
Not knowing how your system works I can't really suggest anything further but could the collision avoidance be interacting with everything in the world as well? That would increase the workload somewhat.

How do I resize pinned tabs/deal with tab group problems in Firefox 22?

With the automatic update to Firefox 22, my pinned tabs have ballooned in size; not only does this look horrible, but it reduces the real estate available for other tabs. While NoSquint has sorted the issue with websites randomly resizing themselves, everything else (add-on menu, toolbar icons) has also increased in size, which affects what can be displayed.
Another problem with 22 is that my tab groups are no longer behaving normally: I click on one group and another group moves around the screen, typically jumping behind the original group I clicked on. Any suggestions for how to improve these problems are much appreciated.

hello, firefox 22 is now respecting the pixel density you've set on a system level in the windows control panel > appearance > display. more information about that is availbale at http://windows.microsoft.com/en-us/windows7/make-the-text-on-your-screen-larger-or-smaller
if you want to set the text size/pixel density in firefox different from that of your system's settings like it was handled in prior versions, enter '''about:config''' into the firefox address bar (confirm the info message in case it shows up) & search for the preference named '''layout.css.devPixelsPerPx'''. double-click it and change its value to '''1.0''' (or any other zoom factor that fits your purpose; 0.8 equals 80%, 1.15 is 115% and so on..., -1.0 is the default value and will adhere to the system settings).

How to change a TAB dynamically to be the active tab?

Hi,
I have a portlet written in Java and registered using a web provider. This portlet exposes a link which drives the content of another portlet through parameters&events.
This other portlet is placed on the same page but on a different TAB (!).
What I want is, when clicked on the link in Portlet1, this changes the content of the Portlet2 (via an event and parameter - that works) AND should change the TAB, so that the TAB which contains the Portlet2 is active and shown.
I couldn't figure out, how to change the TAB with an event or any other way. I can easily change the page through an event, but not to a tab on the same page. Do I overlook something or can I just don't use events for this?
Is there any API function which does changing tabs or getting the tab id or is there any other programmatic workaround to do dynamic tab changing?
If so, can someone point me to a code fragment?
Any help would be much appreciated.
Cheers,
Erik

A work around may be to change the location.href to the url of the tab you want to switch to.
Have you tried that already?

Tabbar tab mouseover or click events..newbie

I am trying to create a tab menu bar that opens a submenu
with a mouseover event over each tab. I can't seem to get the
tabbar children events to do anything. I can get click events to do
things by reading the index property with a script and import
mx.events.ItemClickEvent, but not with the code below. And I don't
understand why the only click event that works below is the one in
the mx:TextArea tags. Any guidance is appreciated.
l version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute" height="600" width="753"
backgroundColor="#FFFFFF">
<mx:ViewStack x="543" y="381" id="viewstack1" width="200"
height="200" click="textarea1.text='viewstack'">
<mx:Canvas label="Home" width="100%" height="100%">
</mx:Canvas>
<mx:Canvas label="Locations" width="100%" height="100%"
click="textarea1.text='bbb'" id="mxLocations"
rollOver="textarea1.text='ccb'">
</mx:Canvas>
<mx:VBox label="View 1" width="100%" height="100%"
horizontalAlign="center" click="textarea1.text='bww'"
mouseOver="textarea1.text='bbb'"
rollOver="textarea1.text='bbbx'">
<mx:Label text="View 122" fontSize="36"
mouseOver="textarea1.text='bww'"
rollOver="textarea1.text='bww'"/>
</mx:VBox>
</mx:ViewStack>
<mx:TextArea x="124" y="528" text="xxx" id="textarea1"
click="textarea1.text='bbb'"/>
<mx:TabBar x="10" y="70" width="653"
dataProvider="viewstack1" click="textarea1.text='tabbar'">
</mx:TabBar>
</mx:Application>
Text

Thank you Mike, I had itemClick wrong for sure, and I can
look at event.index and see which tab was clicked and that is
great. But what I can't do is see which tab had a mouseover or
rollover event, since event.index does not change with mouseover. I
am concluding that tabbar has focus and therefore the Canvas items
do not and that is why the Canvas mouseover events do not fire. Am
I getting close?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute" height="600" width="753"
backgroundColor="#FFFFFF">
<mx:ViewStack x="543" y="381" id="viewstack1" width="200"
height="200" click="textarea1.text='viewstack'">
<mx:Canvas label="Home" width="100%" height="100%">
</mx:Canvas>
<mx:Canvas label="Locations" width="100%" height="100%"
click="textarea1.text='bbb'" id="mxLocations"
rollOver="textarea1.text='ccb'">
</mx:Canvas>
<mx:VBox label="View 1" width="100%" height="100%"
horizontalAlign="center" click="textarea1.text='bww'"
mouseOver="textarea1.text='bbc'"
rollOver="textarea1.text='bbbx'">
<mx:Label text="View 122" fontSize="36"
mouseOver="textarea1.text='bwa'"
rollOver="textarea1.text='bwz'"/>
</mx:VBox>
</mx:ViewStack>
<mx:TextArea x="124" y="528" text="xxx" id="textarea1"
click="textarea1.text='bbb'"/>
<mx:TabBar x="10" y="70" width="653"
dataProvider="viewstack1" itemClick="textarea1.text='tabbar'" >
</mx:TabBar>
</mx:Application>

Resizing media components dynamically

Does anyone know of a way to resize the MediaController
component dynamically based on the size of the stage? When I just
change its height/width properties, it stretches it. Not quite what
I'm looking for.
If I resize it manually by changing the dimensions in the
property inspector, it adjusts nicely. What I want is for the
player to scale, but the buttons and icons to stay the same size.
Thanks in advance.
Sean

Thats how it is designed.
To change the size use copy the styles from the component
template fla file provided with flash. These are open movie clips.
you can edit the size manually and the effect will be reflected in
the embedded components.

Regarding resizing the JLabel dynamically

hi all, again, some question in JLabel
i have created an simple applet which have many JLabel on it, my question are:
1. those JLabel just can't show on the applet, where i have set the location and the text on it, but still...can't
2. how can i dynamically set the location where the JLabel should located at? i mean, the JLabel should follow exactly just in a straight row like below
Jlabel1 - Jlabel2 - Jlabel3 -... JlabelN
thank you for reply

hi, i have done the creation of Jlabel and have the layout of NULL, because i have to fit the Jlabel into a larger panel in only 1 single row, no choice but have to use NULL. but the real problem is that the display of Jlabel just won't show, i have to manually set the length by using Jlabel.setSize(..., ...), why? isn't any other way to resize and make it fit the character in the Jlabel? how?

Need to select current tab (dynamically generated) while navigation back

Hi,
Jdev 11.1.1.3 version.
In my sample application I have two pages, DynamicTab.jspx and NextPage.jspx. In DynamicTab page I have dynamic tab (number of tabs depends on the data in db). Also have one 'Next' button. While clicking on 'Next' button we can navigate to NextPage.jspx. In NextPage.jspx I have only one 'Back' button to navigate back to 1st page.
Lets assume I have 3 records in the db as a result 3 tabs will be there in the DynamicTab page. I have selected 2nd tab and then navigated to NextPage.jspx.
While navigating back to 1st screen I see the 1st tab is selected not the 2nd one.
My requirement is the current tab need to be selected while navigating back again (not the 1st tab always)
DynamicTab.jspx :
<af:panelTabbed id="pt1">
          <af:iterator id="i1" value="#{bindings.EmpVO1.collectionModel}"
                       var="row">
          <af:showDetailItem text="#{row.Empname}" id="sdi1">
          <af:outputText value="#{row.Empid}"/>
          <af:outputText value="#{row.Empname}"/>
           </af:showDetailItem>
          </af:iterator>
        </af:panelTabbed>Any help will be appreciated.
~abhijit

Hi,
There is a similar use-case where I proposed a solution here:
Re: ADF: Remembering which tab you came from and returning to it.
But in your case you will need to construct the ShowDetailItem component Id dynamically for this solution to work.
Gabriel.

Problem while creating multiple tabs dynamically webdynpro abap

Hi Experts,
i am trying to create multiple tabs in tabstrip dynamically but the tabs are hiding behind one other..
Let me know how to fix this.
Thanks
Abdul Hakim

Are you expecting from expert only?Sorry I am not a expert,
About issue:...
I think number of tabs will display that depends on the width of the container.. As of now how many tabs you have and hw many displaying at a time...
Please increase width ofyour container and check and let me know.
Its just a try not a solution.
Regards
`srinivas

Adding tabs dynamically at runtime for a tab navigator control

Hi,
Is it possible in flex builder 2 to dynamically add the tabs
at runtime to the tab navigator control, if we can add plz tell the
procedure to do that
thanks in advance

Given that you had a tab navigator declared in mxml like
this:
<mx:TabNavigator id="myTabber" selectedIndex="0">
</mx:TabNavigator>
you should just be able to call the addChild method, passing
the child tab containers. So for example, in some ActionScript
event handler:
var newTab:Canvas = new Canvas();
myTabber.addChild(newTab);
bear in mind I haven't done this by adding tabs, but have
done tons with adding controls to an application at runtime using
this method (DataGrids, Grid, GridItems, etc...)
Jason

DS Cross tab dynamic measure

Hi,
Like in Webi can we create a variable in Design studio with calculated measures and this can inserted in cross tab to pull the values dynamically.
I have seen the document that global and local variables are created and used in Text button to display, this works fine for me too.
The same measure can we use to insert in cross tab to pull the values dynamically...like. .Actual Sales is a measure
                                         Jan                feb              march      Total Sales(3months Actual Jan feb March+9 Month forecasted sales data)
Region
Europe                              50                  60                   70           ----
North America                   30                  52                   75          ------
Asia                                   85                  15                   65           --------
I would like to know total sales can be calculated using the above logic in Design studio level and will this pull the data when you drop in the cross tab.
Thanks,
Ramesh.

Hi Tammy,
I just want to know the do's and don't in DS, As you said in bex its very easy to pull out.
Thanks,
Ramesh.

Resizing TabBar Tabs Dynamically

Similar Messages

Maybe you are looking for