Actionscript 3 :: Flex Tabnavigator Cuts Off Labels
May 18, 2011
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'm writing a flex app, which must record an audio and then playback. It records just fine, I can hear the flv on the server, but when it comes to the playback it cuts the end a little bit, and each time I ask to reproduce again it cuts a little bit more. I guess it's something related to buffer management, but I don't know exactly.
Here's the code I'm using to playback. It is called from a mediator: var streamPlayClient:Object = new Object(); this.stream.client = streamPlayClient; streamPlayClient.onPlayStatus = function(infoObject:Object):void { if (infoObject.code == "NetStream.Buffer.Flush") { stopPlayback(); }} this.stream.play("flv:" + this.streamName);
The zoom just works fine by changing the value from 1 up to 3 with a slider. Midpoint of the zoom is the center of the container (map).My problem: when i zoom, the scroller cuts a part of the groups. it zooms out of the window?!
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:
For some reason, if you add an image to htmlText, like the following: myText.htmlText = "<img src='"+dataProvider.bodyImage.getUrl('original')+"' align='left' />" + dataProvider.bodyText; The image will be successfully added to the htmlText, but it seems to measure the sizes completely wrong. At times, the actual text (dataProvider.bodyText) will have part 'hidden' under the image. At other times, there are anywhere from 1 to 4 lines cut off at the bottom. However, if you select the text and drag your mouse down, you can see the bottom lines. It appears the text is all there, but the mx:Text component is not including the image in the textHeight, so it doesnt resize the componenet to the correct size.
mainText.htmlText = "<img src="breadmaker.png" width="339" height="275" vspace="0" hspace="0" />" + "Lorem Ipsum is simply dummy tex......(more here)"
However, the result looks like the following:ScreenshotAs you can tell, it cuts off the first few characters in the text after the image tag (Lorem Ipsum is sim), but it is only because the image is full width. If I change the img tag to width="200", it shows the text floating to the right.However, as you can tell with a full width image (because the Text component's width is 339), it seems the text is still floating to the right, but it's hidden off to the right side of the image.
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 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'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?
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?
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.
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.
I have a Flex 3.5 Air Application; The main window has, besides the header, a TabNavigator. In a Tab, I've put a Google Maps object. It works fine, except that it "loads" very slow and the whole application freezes ( not responding problem ).
Now I would like to fix that but don't really now how to implement one of these solutions:
1) Load the API before the whole application loads.
2) Load the API somehow async, when the tab is clicked. I don't really need a fancy preloader, it's enough that my app doesn't freeze.
Please note that I'm "110%" sure that it's the GoogleMaps's fault since the tab canvas is empty, and no other code is there [double checked that]. Also please note that the map only loads, then I call the setCenter method, so no other operations that could freeze it.
EDIT: I managed to determine that not the Api Object creation is slow, but the actual display of it on the GUI. Here's the line of code. ResellersMapClass only extends the Google Maps API class since I intend to add there extra functionality. But right now is clean.
this.map = new ResellersMapClass(); //between here this.mapContainer.addChild( this.map ); //and here
im completely lost on how to do a simple multiline label. The docs say that labels are best used as single lined elements, but that alludes to it being able to do multiline if necessary. Anyone have any clarification on the subject?