Flex :: Hiding A Tab In A Spark TabBar?
Feb 3, 2012
I have a spark TabBar and I want to hide and show some elements of it from an external user input (namely a checkbox check)
I am having trouble changing the tabs visibility. They are currently always shown.
I have seen a getTabAt on the mx TabBar but the look of the tab is important and the requirement is for it to look like a tab bar rather than a button bar.
My code for the tabs and for hiding and showing is below:
<fx:Script>
<![CDATA[
import mx.containers.VBox;
import mx.controls.Label;
[Code].....
View 1 Replies
Similar Posts:
Dec 27, 2010
is there a common way to disable a tab of a spark tabbar component in flex 4? with the mx tabnavigator component you can just disable the content corresponding to the tab and the tab is also disabled then. but doing this with the spark tab bar component disables just the content not the tab.[code]
View 3 Replies
Dec 15, 2010
In the MX TabBar component, the iconField property allowed us to display different icons in each tab. In Spark, there does not seem to be an inherent way to add icons to the TabBar.Does anyone have an example of implementing icon support for Spark's TabBar?
View 4 Replies
Jun 30, 2011
I want to change the background color of selected tab in spark TabBar control(Flex4). Till Flex3 we could have use the following code, bt it is not working in FLEX 4.
<fx:Script>
<![CDATA[
protected function tabbedPanel_clickHandler(event:MouseEvent):void
[code]........
View 1 Replies
Sep 24, 2011
problem is I have a spark Tabbar, with many forms in each tab. But I have a single global save button.problem is, if I don't open a Tab,it doesn't get initialized and therefore the forms it contains do not exist..
How Can I make it as if the user had clicked on every tab?
View 1 Replies
Nov 22, 2010
<s:VGroup horizontalAlign="center" horizontalCenter="0" verticalCenter="0" gap="0">
<mx:ViewStack id="view" width="450" height="300" />
<!-- NavigatorContent dynamically gets added to view on appComplete-->
<s:TabBar dataProvider="{view}" skinClass="skins.CustomSparkTabBarSkin" />
</s:VGroup>
The Custom Skin:
<s:Skin
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
Comes out to something like so: [URL]I would like to place that TabBar at the Bottom of the viewstack, rounded corners pointing outwardly.
View 1 Replies
Feb 7, 2012
This is what what my screen looks like:
It is composed like this :
First container <s:HGroup>(900 X 100)--top black area
Second container <s:Group> (900 X 475)--middle white area
Third container <s:HGroup>--(900 X 100)--bottom black area
If the project were done with Flex 3, the middle area would be an <mx:Canvas>.
Now suppose I have one BorderContainer(125 X 475) and name it middleContainerChild. It is located on the right side of the middle area. When I set its y postion to -middleContainerChild.height, it should be located at y = -475, outside of the container's body. And as you can see in the image above, it has been placed there.
But other than with <mx:Canvas>, the image still shows, even though it is no longer within the <s:Group>s body, and it is rendered "on top" of the <s:HGroup>.
See the image below for more clarification:
If I use <mx:Canvas>, it is hidden away properly, but if I use a Spark container (not only a group, but any Spark container), it remains visible.
View 2 Replies
Jan 4, 2011
I need to create a tooltip for tabbar how to create it?
View 1 Replies
May 17, 2011
Below is my code...
<mx:Style>
CustomDividedBox{
dividerAffordance:10;
[Code]....
View 1 Replies
Jul 1, 2011
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
View 1 Replies
Feb 7, 2011
I'm looking to add a couple of buttons to the title bar of a Spark Panel or Spark TitleWindow. Is this possible to do without making the panel from scratch?
View 1 Replies
Apr 19, 2011
Is there a way to Enable and Disable specific tabs in a tabBar? I found one example using a VBox within the ViewStack but I'm using NavigatorContent.
View 4 Replies
Aug 31, 2011
How to change the tabBar height size? Is it possible to apply for all my views.
View 2 Replies
Dec 4, 2011
I'm using a custom tabbar with the dataProvider being a viewstack and I'm trying to get the tab labels to update when data in the related container (in the viewstack) updates. The viewstack's containers are bound to bindable vars, so if a var changes, the data/labels/etc in the container updates, but the tab doesn't.Is there a way to bind the tab to the same bindable var or do i need to write event handlers (if so, what events)?
View 1 Replies
Aug 28, 2009
I have a TabBar Control with 3 tab, i need to add controls(Button,Label) dynamically in to each tab, I can add the controls to the initial selected tab but when i add to next tab , i am getting Null exception error That is when TabBar property selectedIndex="0" means i can add to 1st tab.but not in 2 and 3rd. when Tabbar property selectedIndex="1" means i can add to 2nd tab.but not in 1 and 3rd.
View 1 Replies
Nov 24, 2010
When I remove an element from a viewstack then the body is removed but the tabbar header is still displayed
I would like them both to be displayed.
View 1 Replies
Apr 24, 2011
I have an application where I'm trying to update the String for a Label's text property, based on the tab which user has the mouse over. I've constructed a simple example displaying how I would process the eventHandler function if I was going to use the selectedIndex property, however it's the tab that has mouse focus, which may or may not be the selectedItem, that I'd like to reference and I haven't been able to figure out a way to do it.
So here is the example:
<s:Label id="descriptionLabel" />
<s:TabBar id="audioTB"
dataProvider="{audioVS}"
mouseOver="audioTB_mouseOverHandler(event)"
rollOut="audioTB_rollOutHandler(event)" />
[Code] .....
View 1 Replies
May 24, 2011
I am using a custom skin on Flex's TabBar, and specifically the skin the controls ButtonBarButton. The width of the button is a variable size depending on the text it contains, and background of the button is an image that only displays on the selected states of the button.
The following is my MXML for the skin:
<!-- states -->
<s:states>
<s:State name="up" />
[Code]....
I tried wrapping the entire block in a Group tag, but to no avail. The invisible Rect does indeed fix the "machine gun" flickering that occurred when the mouse hovered over any edge of the button, but there is still a flicker on every mouse enter and mouse leave of each button.
View 1 Replies
Jun 21, 2011
I'm trying to implement drag and drop tabs in TabBar control, but I can't figure out the index of a tab to drop. I tried to use getObjectsUnderPoint() method but I need some implementation how to find a tab to drop.
View 1 Replies
Aug 31, 2011
i try to toggle tabBarvisible = true/false with the following code:
protected function textArea_clickHandler(event:MouseEvent):void
{
if (tabBarVisible="true") {
[Code]....
but only can get tabBarvisible="true" and when i click again nothing happen. the tabBarvisible won't turn to "false".
View 1 Replies
Nov 30, 2010
i have a tabbar with 10 button. when i change the some buttons visible and includeInLayout property false then tabbar size is not change..it is same as when it has 10 button
View 1 Replies
Jul 7, 2010
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).
View 1 Replies
Aug 20, 2010
I am writing an custom component in Flex 3.2 that extends the panel component. After a user performs a certain action I would like to hide the main content area in the Panel component, as well as the Control Bar if one is specified. Any ideas on how to do this? controlBar.visible does not seem to hide the control bar, and I don't know of another easy way of accessing the main content area besides iterating through all the children of the main panel, and I would like to avoid that if possible.
View 2 Replies
Aug 19, 2010
I'm trying to add a cancel icon to my TabBarButtons in Flex 4.0 (Spark), and I've gotten close, but now I'm stuck on getting the icon to be "clickable" I have seen other approaches, like FlexWiz Blog (http://flexwiz.amosl.com/flex/spark-tabs-with-close-button/), but was hoping to figure out something cleaner.
<s:HGroup top="5" right="5" left="5" verticalAlign="middle">
<s:Label id="labelDisplay"
textAlign="left"
[code]....
The icon appears in the tab, however, I can't click it. I also tried a button and it's almost like the parent button container does not allow the child to be clickable. I did play with some parent properties (like super.mouseChildren), but couldn't get it to work.
View 1 Replies
Apr 9, 2011
I have a tree with a dataprovider which takes the following form:
<details name="Cars">
<contact_person>aaaa</contact_person>
<list>
[Code].....
That is I want to hide the contact_person and list nodes.Deleting the nodes from the dataprovider cannot be done.So what i did was to create a custom tree data descriptor by extending DefaultDataDescriptor.Then override the getChildren method and applied a filterfunction to the collection returned by super.getChildren.The problem is when i hide the 'list' node I cannot have the child nodes to show up.So is there any way I can hide 'list' but show the children of 'node'?
View 1 Replies
Jan 26, 2012
I am working on a drag and drop feature for the sparkScroller. This is sort of how my layout looks:
<mx:Canvas>
<s:Scroller id="items" .. />
<mx:Box id="dummyRow" visible="false" />
<s:View id="touchView" visible="false" />
</mx:Canvas>
So when you hold your finger over a row in the items Scroller for more than a 30 seconds, the touchView becomes visible so does the dummyRow. The dummyRow gets populated to look like the row which you held your finger over.
So the touchView has the event handlers for moving your fingers and places the dummyRow where your finger is. The problem I am having is even though the touchView is reacting to my move events, the scroller still keeps reacting to my move events as well even though it's a sub layer. Because I started on the scroller it still keeps track!
How can I remove focus / tracking from the scroller?
View 1 Replies
Jul 6, 2011
I have a spark skinnable component which contains a datagroup with images. The datagroup is scrolled by hovering the mouse over it. Everything works fine except one thing: after I change the datagroup provider, I need to scroll down automatically. The problem is the images are not loaded immediately after I set the provider so (contentHeight - height) does not yet represent the actual maximum scrolling position. Is there an easy way of telling the datagroup to scroll down as its content loads? Because the workaround seems to be not so straightforward. This is the code for scrolling(thumbnailStrip is my datagroup):
[Code]...
View 1 Replies
Feb 28, 2012
I have created a style in which i am defining a font family.When i apply this style to label it reflects the font were as there is no change when it is applied to a spark button.I Tried various way to Apply font style but it doesn't work.Other properties work fine except font family. Even i tried creating skin class and set the font family style of label in it. While previewing the skin i can see the changes but when i apply it to buttonApproach 1
@font-face{
src:url("HARNGTON.TTF");
fontFamily: MyF;
[code].......
View 2 Replies
Apr 13, 2011
How can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 Replies
Mar 11, 2011
I'm creating the Label component like this
var label:Label = new Label();
label.text = "some text";
label.styleName = "someStyle";
addChild(label);
But it stay invisible until I explicit set the width and height.How can I make the label to be auto resized according to it's text?
View 3 Replies
