Flex :: Layout - Stretched Menubar Items?
Jul 28, 2011I am using a MenuBar in Flex:
<mx:MenuBar labelField="@label"
width="100%"
cornerRadius="0">
[code].....
I am using a MenuBar in Flex:
<mx:MenuBar labelField="@label"
width="100%"
cornerRadius="0">
[code].....
If 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:
an ArrayCollection of Numbers;
a List using the above ArrayCollection as it's dataprovider, and virtualLayout=true;
a custom ItemRenderer that shows a label with:
a) the number
b) an y position depending on the number AND the highest number visible
In another words, if I have 10 numbers in the AC, and only 5 appear on the screen, the y position of those 5 will depend on the value of the maximum number for those 5. When the user scrolls, of course those 5 elements change so the position of the label in item renderers will change.
1) How can I get the list of items that are "currently" visible?
2) Which event/method to override will help me know that the List was scrolled/the visible items changed?
I'm trying to figure an elegant way to display a certain number of items in a grid. I have a feeling the answer lies partly with modulus, but it's a little more complicated than that. I know how to lay out items in a grid based on a set number of columns. Something like this:[code]but what I want to do is set things up such that if there is only one item (j=0), the image covers the entire available area (stage.Width and stage.Height or, for simplicity, 1000px, and 500px). If there are 2 items, there should be 2 columns, with the images taking up half the width of the stage and all of the height (500x500), 3 items - 3 columns (300x500), 4 items - 2 columns & 2 rows (500x250), and so on, keeping a balanced grid layout but decreasing the dimensions of the items and increasing the number of rows in some sort of logical and balanced manner.
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 wish to skin MenuBar, and change it's itemSkin to something else, like different background color for each menu item.
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 am developing a website in flex. And in that, i am trying to set the background image of my application. like this: parentApplication.setStyle("backgroundImage", data.image_src);
From a different location.
My issue is that, the images that i have are small and hence they are being stretched when used as background images. I want to avoid that from happening. How can i do it?
I would like to use the selectionMode=multiple described in the Flex docs, but with a few modifications:
1) I would like the box that the user drags over the graph to remain there until the user drags a new one.
2) In the top right corner of the box I want to display the sum of the items selected by that box.
How to make list items as tool tips for combo box items?
View 2 RepliesI 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>
I'm creating a facebook application in flex. I'm actually working on the friends component that shows your friends who are using the application. now, each friend has a profile image.
I created the component using a s:List element.
In the Skin Class of the element i configured the requestedColumnCount to 3, which means it shows 3 friends. i added buttons to scroll left and right in the list.
Whenever I scroll to see a different friend, for a half of a second i see no image because the List component is loading the image in order to view it.
is there a way to make the list preload all the elements so i won't have this kind of problem ?
how to make the preloader works on the full screen website/ fluid layout. I add the Stage.resize on the code for FYI When I added this code to the bar, it expanded to full screen, but there's no loading bar. The text is also no progress.
View 1 Repliessee this web link [URL]only background is stretched in browser all other elements remain same size. how we can do that.
View 2 RepliesI have just posted my new website made with Flash. It looks good on my computer (Safari browser), it looks good on my friends computer(Internet Explorer).But today I went to the local library and my website looks stretched, including it's videos. It looks like when you play DV video on HD television. Here is the link:URL...is the fault on my part? Did I do something wrong? Or is it their settings what makes this "effect"?
View 2 RepliesI'd like to get something like hi-res.net home page. As you can see the background is streched but not the contents. Someone know how to get this with as?
View 14 RepliesIm working on a galleryviewer right now. I have a sprite that contains a thumbnail and has the exact size of the thumbnail. When you click on it the thumbnail fades away and the sprite grows to the size of the next image. Now the sprite grows to the right size of the bitmap. but when I add the bitmap it stretched way too big. Somehow when the sprite is resized the bitmap is too? even though it hasn't been added yet? I dont get it..
ActionScript Code:
internal function openGallery():void {
this.cacheAsBitmap=false;
var newWidth:int=500;
var newHeight:int=500;
var newXPos:int=_mainStage.stageWidth/2-newWidth/2;
[Code] .....
ImageTransformer.resizeImage() - returns a Bitmap that has been resized to fit within the dimensions.
I'm doing a small site in which I'm probably gonna use a simple layout and load the actual content as swf's into a box... So far, the listeners for the MovieClipLoader class works fine, but the loaded content (which has the same exact size as the box it is loaded into) is being scaled in a strange way. When I trace the width and height after the clip is loaded I get the numbers I want (mostly) but it still LOOKS stretched. I've checked that the container clip isn't scaled, I've set the xscale and yscale to 100, I've manually tried to set the width and height (with the onLoadInit listener AND the onLoadComplete listener) but the numbers does not work as they should... It does resize, but not to the exact values I give it.
View 4 RepliesI've been noticing a lot of fullscreen flash websites popping up all over the place and the size of the embedded flash movie is set to 100% x 100%. But then when you look at it, the text doesnt stretch. How do you keep the text from stretching to fit the window? Heres an example: [URL]
View 13 RepliesI'm loading in a small thumbnail into a MovieClip as part of my Thumb class... but when I add it to the stage, the height of the thumbnail is stretched dramatically.I've got my height and width set not only in the Thumb Class, but on the instance of the Thumb that is being added to the stage.
View 3 RepliesI'm learning layouts in Flex. I try to make the following layout.The red arrow means when enlarge the window, the red arrow widget will become large too. Can anyone implement this layout in Flex?
View 2 RepliesI need to develop a GUI for a self-service kiosk. The kiosk will take food orders (i.e pizza, burgers, salads) and provide the ability to pay using a credit card. Can anyone suggest the best GUI layout or approach? I want to make it intuitive and simple. I want to minimize the number of button clicks. If you can provide examples,
View 2 Replies