Flex :: Skin MenuBar, And Change It's ItemSkin To Something Else
Jun 26, 2011I wish to skin MenuBar, and change it's itemSkin to something else, like different background color for each menu item.
View 1 RepliesI wish to skin MenuBar, and change it's itemSkin to something else, like different background color for each menu item.
View 1 RepliesI would like to change the visibility of specific part of the skin at run time, but i dont know how to reach it.
View 2 RepliesI have built a basic theme for my Flex app. I would like to add support for additional predefined themes. By default, app has a theme and I would like it to change when user selects a theme from dropdown list. This can be done by loading a swf file using styleManager. However, all the skins have colors hard-coded in them. So, in order to achieve this I would have to duplicate skins and change value of the colors.
Is there a better way of doing this? Can I just have a skin that will change color values dynamically based on user selection?
I am trying to Skin a "hightlight" of a DropDownList item. I can not find any documentation on changing the skin of the items hightlight / rollover skin. How to do this?
View 1 RepliesHow can I skin, or otherwise change, the default cursor (white arrow) displayed in a Flex application?
View 3 RepliesI have a custom component ExpandCollapseMenu that extends SkinnableContainer.This component can have state "normal" or "expanded".Inside this component I have buttons, with different skin based on ExpandCollapseMenu's state.This works fine when defining the buttons inside ExpandCollapsMenu's skin class:
<s:Group id="contentGroup" top="20" left="10" right="10" bottom="10">
<s:layout>
<s:VerticalLayout/>
</s:layout>
[code]....
SkinParts are a great way to add event handlers and logic to an object that is instantiated in the skin, away from any business code. Often, though, I find myself wanting to do the opposite, and define parts that will be used in reusable, skinnable containers in the parent mxml files which will be inserted into the skinned containers.
What's the best practice for when you want to be able to define a control and a skin which can be reused with different controls inserted from outside the skin? Edit: A better way to put this might be that I want to use something that works a little bit like a SkinnableContainer, but that isn't limited to one area where content can be placed.
I extend Button to create ImageButton, and I extend ButtonSkin to create ImageButtonSkin. But, when I define hostComponent like this:
public var hostComponent:ImageButton
I get an error that there is a conflict with hostComponent:ButtonBase inside the ButttonSkinBase. How do I extend a skin AND provide a new hostComponent for it?
How can we embed the over,up,down etc skins defined as sybols in a .swf file... i mean in skin file how can i specify those symbols to be used as up,over,down skins.
View 1 RepliesIs there a way to disable the hover effects?I don't want flex to highlight the entire component for both link buttons and menu bar.On the menubar, I applied a backgroundSkin, so having flex highlight the whole menubar when the user hovers their mouse on top quitely destroys the design.
View 1 RepliesWell, I was able to simply enough (after about an hour of googling) implement i18n (internationalization) into my Flex application by having to reverse engineer the Flex SDK and do a lot of digging (a specific question on here helped me a lot! (with some updates for flex 4.5)).The problem is, I can't use my {getLand('key')} bind inside an <fx:XMLList> (how you define the contents of a <mx:MenuBar>. I've included some example i18n below, as well as an example of the menu bar.
<!-- Example of proper (working) i18n -->
<s:TextArea text="{getLang('Rules')}"/>[code]..
regarding the events related to menubar sub items, here is some code iam working with
[Code]...
i want to handle events wen particular subitem is clicked for example ,if submnu item hod of cse is clicked it should go to the particular mxml page ,and if hod of ece is clicked it shold goto other page how do i differentiate each page of particular deparment how do select that particulasr item of that particular submenu itm
I have a menuBar that looks like this:
<mx:MenuBar id="myMenuBar" labelField="@label" cornerRadius="8" color="black" fillColors="[green, green]" itemClick="menuItemClickHandler(event);"
dataProvider="{menuBarCollection}" change="onTopSelection(event)" />
The XML for my menuBar looks like this:
<menuitem label="Vision">
</menuitem>
<menuitem label="About">
[code]....
As you can see there is Vision and Contact Us but the eventHandler doesn't know when those two are clicked. What is the correct way to implement the eventHandler?
I have an mx:Menubar, which I need to be able to open/expand based on the key pressed. For e.g., if Shift + R is pressed, it needs to open the 'Request' topmenu. Then if Shift + N is pressed, it should load the 'New request' module in the module loader. I've already implemented the MenuBar/module-loading functionality with the mouse, but I haven't been able to implement the keyboard shortcuts. I found a nice sample at [URL].
However, the solution directly performs the action (e.g. Shift + N to load the 'New request' module). The menu does not open/expand when you press the shortcut as though you had hovered your mouse over it (e.g. Shift + R to open/expand the 'Request' topmenu and then Shift + N to load the 'New request' module).
I'm trying to make a menubar with an itemrenderer of linkbuttons. How could I go by doing this? Here is what my code looks like so far, but I can't seem to get it working.
<mx:MenuBar id="menuBar" labelField="@label" dataProvider="{menus}" itemRenderer="mx.controls.LinkButton">
</mx:MenuBar>
I have a little concern. I started trying to make a MenuBar control with custom icons already made in FXG format. I have 3 FXG files in "assets.graphics.icons" inside my project folder:
src/assets/graphics/icons/MenuIcon.fxg
src/assets/graphics/icons/ItemAIcon.fxg
src/assets/graphics/icons/ItemBIcon.fxg
After reading the following two links and a bunch of web pages.
[Code]...
I have a MenuBar which opens downwards except when there isn't enough room to open it. For example, it may have 10 items but there's only enough room to display 4-5. Flex then tries to display the menu above the bar, which is completely off the screen. Is there some property or style I'm overlooking to always force it to open downward?
EDIT: Thought I'd give some clarification as to how I plan to circumvent the issue. If I can always force the menubar to be orientated downwards, I can make it into a scrollable menubar displaying only a few items at worst.
I am using a MenuBar in Flex:
<mx:MenuBar labelField="@label"
width="100%"
cornerRadius="0">
[code].....
I'm using dynamic text for my site and the UIScrollBar but i want to change the skin of the scrollbar. It is very old school looking. I want something more like they have in the link below: [URL]
View 1 RepliesHow to disable the shadow on submenu in mx:menuBar component?
View 1 RepliesI've created a custom MenuBar to make this happen. But it just doesn't seem to happen. It never renders any of the changes I made to the Graphics.What am I doing wrong?[code]
View 1 RepliesI try to change the skin (background colour, text colour) of my combo box.
View 1 RepliesIf I have a menubar that has an XML datasource like:
<mx:XMLList id="menuList">
<menuitem label="Parent1">
<menuitem label="Child1">
<menuitem label="SubChild1" />
[Code]...
How can I make it so that clicking on Child1 will cause a click event despite it having children?
I have this MenuBar control in Flex 3. How can I programmatically change the toggled property to false?
<mx:MenuBar labelField="@label" itemClick="itemClickHandler(event);" left="0" right="0" top="0" id="menuBar">
<mx:XMLList><menuitem label="File" data="top">
<menuitem label="New" data="file-new"/></menuitem>
<menuitem label="View" >
<menuitem label="Grid" type="check" toggled="true" data="view-grid"/>
</menuitem></mx:XMLList></mx:MenuBar>
Is it possible to change the skin tone of image?
View 3 RepliesMac OSX 10.4.11 - CS4. I have a supplied video.flv that I have in Flash with a skin control and exported as video.swf and inserted into a GoLive site, all is well apart from the excessive sound. The volume controller is defaulted to max and I would like to reduce the default volume by about 50%. Is this possible to do in Flash before exporting the video.swf.
View 10 RepliesI've made a video play back (flash FLV) usng media play back components in flash mx 2004. Everything perfectly workng but i want to change the look and feel of the control buttons. I couldn't find any options for the same. Any idea. Is there any other video play back components available .
View 1 RepliesI'm using the default CS4 FLVPlayback skin, mainly the SkinOverPlayMute.swf. I know there's a skinAutoHide option, but because I don't want it to auto play, I want people to see a play button when they first encounter the video (so they don't think it's just an image). But the skin needs to hide when the video is actually playing (so the video doesn't get blocked by the controls).
In other works - when video isn't playing: skin showing; when video is playing: skin hide.
My client wants SteelExternalAll as the skin for her swf. It's not on the skinning menu in CS3. Is it possible to download it somewhere?
View 2 RepliesI'm trying to change the background color on a textinput component in flex 4. I've been able to change some of the appearance by messing with the canned code flash builder generates for the sparkskin but for some reason, background does nothing.I'm just trying to make the background black. I changed the background color but it's not working:[code]
View 1 Replies