Actionscript 3 :: Styling Buttons Of Flex TabNavigator?
May 22, 2010
I created a TabNavigator with a bunch of NavigatorContent inside it, and want to skin just the buttons of the tabs themselves. So I added a skinClass, but looks like in the documentation, there's no skin part to target the button specifically.
Do I have to style the mx:TabNavigator itself to accomplish this? I was hoping not since I don't know how to style mx components and am more comfortable with styling spark.
I am using a Tab Navigator component in which there are three canvas components. When I click one of the canvas (or tab), a Pie Chart is displayed. Actually what happens is that on-click 1. the canvas sends an HTTPService whose url is set to a php file 2. That php file actually gets information from a database. Based on that information an xml file is created 3. Fusion Chart uses that xml file to display a pie chart
The database is being updated after some time. Is there any way the Pie Chart may get updated after every 3 minutes to reflect the modifications in the database? or Can I send the particular HTTPService again and again after every 3 minutes 'in background'? or Is there any good way to update the information in a particular canvas (or tab) of Tab Navigator?
In my flex application when I added a tabnavigator control and ran the application, I found that a "#" was appended to the url in the browser and whenever I select one of the tabs the url changes to this "myurl#app=7049&c152-selectedIndex=1" reflecting the index of the selected tab, is this a normal behavior of the tabnavigator,
in my case I click a button. it calls changeTabState() ; it changes the state and then needs to select a tab using selectedIndex. but that does not work properly. If i go back go the main state and click the button again, it works as it should.Button:
I am working on tabNavigator in flex 3. I have tileList within it. Contents in the tab comes dynamically so I cannot provide explicitly fixed height and width. I need to resize the tabs depending on the contents within it. To resize the tabs I have enabled 'resizeToContent' property of tabNavigator.For some reason it is not resizing as expected. 'resizeToContent' works fine for other child items in tabNavigator but fails when I use tileList as child in tabNavigator that time tileList resizes to its default size(4 rows are only visible). So i was wondering if there any way so that I can force tileList to display all its items without putting scrollbars after its default size.
just by invalidating size on creationComplete ,will that resize all tabs for me. I am having n-number of tabs in tabNavigator as user can add tabs and content within it. how can I achieve this. I am new to flex so just getting confused with its behaviorand struggling with this issue from long time.
Does anyone know how to hide the tab bar up top on a flex tabnavigator component? I don't want to see the tab bar at all and I don't need to click on it (I have an automated iterator through the tabs).
I'm having the hardest time finding a way to simply add rounded tabs to a TabNavigator control.I have seen examples which seem to be really simple but they don't seem to work in Flex 4.5. Here is some sample code:
i am opening tabs with click event on tree list view. Problem is that i do not want open tab Pista as u can see in image again. i want to focus that open Pista tab.
I'm having sizing issues with a TabNavigator. The direct children of the TabNavigator are Canvases, and within these I am adding Images. I'm trying to resize the images to fit within the Canvas without scrollbars. The Canvas height is set to 100% of the parent, which is the TabNav. Then I'm setting the image.height = parent.height *.9. The result is that Flex is generating scrollbars because the images are too high. It appears that the root cause is that the height property of the TabNavigator is the height of the entire component, including the height of the tabs. I'm assuming therefore it also contains that little strip of space between the tabs and the children of the TabNavigator. This makes sense, but is there a property that returns only the height of the children? I'm aware of the scrollbar policy properties and I've experimented with those. I know I can also try a different multiplier for the image size to get it to fit. It just seems like there should be a property to get the size of the space for the children.
I have a TabNavigator component that keeps added a hash (#) to the URL. I need to prevent this. I have it set to historyManagementEnabled="false" but it is still adding the # to the URL when it initializes. The reason why adding this hash is such a problem is because, I am using .htaccess to give my URL a pretty URL like domain.com/designer/category/product/id when the page is really located at domain.com/product.php?pid=id So in order for my assets to load correctly I had to add a base tag like this: <base href="[URL]" /> But since I have this base tag set, whenever my flex app adds the # to the URL, the page is now automatically redirected to the homepage. Any way to stop the TabNavigator from adding the # to the URL.
I've got a TabNavigator with multiple canvas children. How can i open one of the children with actions script (imagine it as a tab with an intro and after login the tab with content needs to be opened). I have tried this.parentDocument.tabs.selectedIndex(1); but that doesnt work.
I have a problem with the TabNavigator. The labels of the tabs are getting truncated and once the user places their mouse over the tab it redraws again. Is there anyway to redraw the label of the tab programmatically?
I've got a problem while migrating my TabNavigator from Flex 3 to Flex 4.5. Stripped to the bare minimum, the following code will produce the bug, namely that the second child of the TabNavigator fails to be created properly:
Apologies for the rookie Q - trying to learn Flex/Actionscript and just having some basic layout issues. (Using FlashBuilder 4, with Flex 4.5 HERO SDK) I have a TitleWindow, and have embedded a mx:TabNavigator within it. I have then placed a list within the first tab and set its width/height to 100% However, there appears to be a gap between the top of the list, and the bottom of the tab menus. Why is this happening and what is the best way to ensure the top of the list aligns up flush with the top of the VBox?
I have a dataGrid component in flex. My grid has few rows. I simply want to make the last row bold. I just can't figure how to do it. I thought about an idea : create a factory that gets parameters so that i can pass the itemRenderer the total count of rows. But, i don't know how to check the current row in the itemRenderer itself (and compare it to the total rows).
Having read about Container creationPolicy (thanks all the references in StackOverflow)I have a TabNavigator and AS code in the initial Tab needs to reference components of second tab (a Canvas with multiple children).But the components of the second tab are null until that Tab is rendered.
According to the documentation as I read it, I should be able to set creationPolicy on the second tab/Canvas to "all"; the TabNavigator will instantiate all its top-level children, even with its multi-view creationPolicy="auto"; and I was hoping that when creating the child Tab/Canvas, that the creationPolicy="all" of that single-view Container would be honored.
But it appears that this is not the case; if the TabNavigator has creationPolicy="all" then the second Tab is populated (but so are the third, fourth, ...); but with "auto" the second Tab is created, but not populated, even though its creationPolicy="all".Is there a way to get just selected Tabs to pre-instantiate?
I have a mx Tab navigator and added several childs...I can use selectedindex(int) to open/select the respective (int) tab but How do I know the value of a selected/open tab?
Adobe's docs describe how to apply an outline to the pie chart by using the mx:stroke element within a PieSeries, however this only changes the border of the entire chart.
How do I add a border around each of the wedges in the chart?
When I enter with a dragged item into datagrid, a bold line appears over the active row of the datagrid (which is fine to show the active row), but the problem is that even after I drop the item into datagrid, that line remains there. It goes only if I enter with a new item (in which case a new line comes to the respective row again).
I am using custom handler for dragdrop event for this datagrid.
I've just recently started out using Flash Builder and have a question surrounding states. In fact I'm not entirely sure it is related to states but read on and I hope it will become clearer. I currently have a custom component that contains 3 comboboxes. This resides in a TabNavigator component. The TabNavigator consits of 5 pages (Tabs). The custom container holding the comboboxes should display the same selected data across all Tabs. ie. If I am in Tab1 and select an item from one of the comboboxes then click on Tab2 I need to mirror the combobox's selection in Tab2.
I'm trying to make a horizontal list of labels with a space in-between them (for use as part of a ticker tape).Labels outside of a list have a transparent background but as part of either the ItemRenderer or List, they get a white background. My assumption is that this is part of the default styling applied to a Spark ItemRenderer.Question - Is there any way to totally get rid of all default visual stylings applied to an ItemRenderer?
protected var messages:ArrayCollection = new ArrayCollection( new Array("1", "2", "3", "etc") ); <s:List dataProvider="{messages}" itemRenderer="SimpleTextRenderer"> <s:layout >[code].....
When I create a tab dynamically via ActionScript, the style for the newly created (and selected) tab get applied to the skins, but not the text, unless I click on another tab and then click back to it.
I am using tab navigator. And it has thee tabs "Search", "Show as text", "Show on map" I have a address search box in Search tab. I would like to hide other two tabs if search has not happened yet. So if user hasn't searched any thing other two tabs shouldn't be visible.
I use a flex app (A) to load another flex app (B) using SWFLoader (both built using Flex Builder 3 sometime ago).Everything works fine as expected across all (IE, FF, Chrome, Safari) desktop browsers.However, if I use a TabNavigator within the flex app (B) then when you click on any of the tabs it unloads the flex app (B) and re-starts flex app (A). This behaviour appears to be limited to Webkit based browsers (Chrome & Safari) the rest of the browsers (IE, FF) work fine.