Flex :: Horizontal Scrollbars - Dropdown Wider Than Anchor
Jul 29, 2011
I am using spark DropDownLists and I don't want to see any horizontal scrollbars in the dropdown. I'm OK with the dropdown being wider than the anchor, so I have a custom skin that sets popUpWidthMatchesAnchorWidth to false. But I don't want the dropdown to ever be smaller than the anchor. I came up with a solution that sometimes works, but there is something wrong with it. My DropDownList skin is as follows:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="[URL]" xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="[URL]" alpha.disabled=".5" minHeight="25">
<fx:Metadata>
[Code] .....
This works as expected when the contents of the dropdown are either wider than the anchor or smaller than about 100px, but if I explicitly set the width in the instance of the DropDownList to be something like 200px and the contents of the dropdown are around 150px wide, the dropdown is smaller than the anchor. Basically, it looks like openButton.getExplicitOrMeasuredWidth() returns about 100, regardless of what I set the DropDownList's width to be. How can I change this so that I can have multiple DropDownLists with different widths, but always making sure that the dropdown's width is either greater than or equal to the anchor's width?
View 2 Replies
Similar Posts:
Oct 12, 2011
I am trying to have a tool-tip in Flex 3, where in when my mouse is over the some value, it should show a tool-tip just like you get it for any classes in Eclipse IDE. Suppose, your mouse is over word "String" in java, you get a tool-tip stating the description of java.lang.String and its syntax. It also allows to copy the contents. Is it possible to create such a tool-tip in Flex 3 ? I want this kind of tool-tip to appear, and when pressed F2, it should have horizontal and vertical scroll bars and we should be able to copy the contents from tool-tip.
View 3 Replies
May 6, 2009
I just spent too much time perfecting a CSS/JS dropdown menu that I am going to have to port to Flash. I only need one of my buttons to dropdown. Nothing fancy because I am emulating the CSS menu. I've been searching Kirupa but have not found anything that meets my needs of AS2, and rollover expands dropdown.
View 1 Replies
Jul 13, 2004
i'm trying to make a dropdown menu like Senocular's menu but without xml and horizontal one.... i attached an example i think i found it here in Kirupa... i want to do it but the problem is i need to give each bar deffernet color and when click it appears with it's color until click another one..... is it possible to do it with frames not in AS methods....
View 1 Replies
Feb 18, 2009
I created a horizontal dropdown menu in Flash CS3 and tried to assemble my site in dreamweaver CS3. So my dropdown menu comes above an image. I want my menu while coming down to slide over my image. I reduced the stage size of my flash file in which i created my menu to suit the horizontal menu buttons size and in my Website i can hardly see my menu coming down but i can see the menu buttons. What should I do to rectify this?
View 5 Replies
Mar 22, 2012
I want to create a Custom ComboBox in which the DropDown contains the Horizontal Line or you can say HRule immediate after the First Item. here I am providing you the image For that you can see I have used paint to draw the HRule I want component similar like that.
View 1 Replies
May 4, 2005
I'm new here. I just walked through the xml dropdown tutorial and I think it's awesome. I would really love it if the main menu items lined up along the top instead of vertically down the side. Has anyone customized it to do that yet?
View 3 Replies
Jan 5, 2004
How do you change the html scrollbar (the one that you see in the far right of your browser) with your own images? I know it's possible because i've seen it before.
P.S.: I am aware of and I know how to change the color of the scrollbar. That is not what's expected. Also i think it's made possible by Javascript.
View 9 Replies
May 25, 2010
i'm a novice to ActionScript but from failed Google function searches, i think i've choosen an advanced i hope possible task: how to read then apply bezier, anchor point and handle positions to different anchor points. What i need to do is precisely align a rectangular closed bezier path with a randomly shaped closed bezier path, both with the same number of anchor points.
View 9 Replies
Aug 19, 2011
I have several nested VBoxes in flex, and I'm aiming for one of them to get scrollbars if the total content is larger than the window height. However, when I grow the container, it doesn't get scrollbars at all (vertical scroll policy is AUTO), and the outer container stretches past the bottom of the screen, causing the entire app to get scrollbars. So it looks something like this:
[Code]...
View 2 Replies
Jan 28, 2011
I'm using an iFrame in a Flex 3 project. The problem is that if the user opens my site in a small browser window, they don't get scrollbars. How can I solve this problem? Is there a way to force the browser to put up scrollbars?
If I set the main app to horizontalScrollPolicy="on" verticalScrollPolicy="on" or to "auto", then as you scroll down, the iFrame is stuck to the top of the browser window and obscures the content.
In the main app:
[Code].....
View 1 Replies
Jan 24, 2012
It's going to be used to view complicated scenes in 3D, but to make it work on laptops it's instead showing pre-rendered 360 degree renders of the objects.When you load an object, it first buffers 360 frames into memory, so that you can rotate around this object smoothly. When you release the mouse button, it loads in the high-res image of that frame.
Then, you should be able to zoom in and move around to inspect the model closer.Problem here is when I have the scrollbars enabled it wont work properly.Firstly, I had a problem where the vertical scrollbar moved out of the picture when I was scrolling the horizontal scrollbar.
Then after some more testing, they now stay where they should, but when I zoom in (will post code below) the horizontal scrollbar is not able to go far enough to the left to show the whole image.What happens is, when I zoom in, the scrollbar remains at it's left position, but I zoom in on the center of the image (zooming, by scaling the container. The image fill the container).
My problem is probably just a result of me overlooking some basic understanding. And sorry if the code is a bit messy, I've only done a little bit of clean up. The code I post below is without any scrollbars visible.
You can see that I've tried using scrollbar components too, and it works somehow. But I'm not able to scale the scrollbar depending on the content, so if I zoom in or out, the handle you drag on the scrollbar will be the same...
Image of app running if needed:
Code:
<mx:Panel x="0" y="0" width="100%" height="100%" titleIcon="@Embed('assets/img/cog_01.png')" title="vCog Subsea - Draugen Project">
[code].....
View 1 Replies
Mar 15, 2010
I can take snapshot of a component. But the problem is the component is lil bigger with scroll bars. The saved image has scrollbars (only the visible area is getting saved). What i need is I want the entire component to be saved as an image.
This exact functionality is available while we print the component using FlexPrintJob, where by setting the FlexPrintJobScaleType.NONE.
View 1 Replies
Sep 3, 2010
I'm creating a container and it's content at runtime. Here's a rough structure:
--VBox
----Form
-------FormItem
[Code]...
I've tried also validateNowand other similar methods. What I have here:
1. The HScrollBar is being added.
2. We increase a bit the width of container, so it disappears.
3. When it disappears, the validating throws the null-pointer exception when it tries to measure the non-existing scrollbar. I've also tried to add validateProperties before validation, but it didn't worked either.
View 1 Replies
May 18, 2011
I created a SkinnableContainer runtime because I want to set some style properties to it, then based on some external data I need to create a new SkinnableContainer and add it as children of the first one. This children height can be greater than the parent container.How can I create a SkinnableContainer runtime with some scrollbars?I read in the documentation that I need] to create a new Skin. [code
View 1 Replies
Jun 29, 2011
what is the actual height of a container in Flex without scrollbars? Height and measuredheight seem to tell me what the visual height of a container is, but I want to know that number plus any height that is being 'hidden" below a scrollbar.
View 2 Replies
Sep 1, 2011
I'm using Adobe FLEX 4.5.1 for Mobile.I have a List that displays some images:
<s:List id="imageList" initialize="init()" verticalScrollPolicy="off" itemRenderer="skins.CustomIconItemRenderer" width="100" height="32" verticalCenter="0" horizontalCenter="0">
[code]......
View 1 Replies
Sep 28, 2011
I made this simple application to demonstrate my problem. It has:
An image A button that launchess a popup window Scroll bars on the side
[Code]...
Is there a way to make everything "modal" except the main scroll bars? I know that I could put a scrollbar on the Panel but I would prefer to avoid this.
View 1 Replies
Jan 12, 2012
I'm looking for a way to disable the scrolling of the vertical and horizontal scrollbars when scrolling the mouse. I use the mouse scroll to zoom in and out, and I don't want the scrollbars to scroll while scrolling the mouse wheel.. (But I do need the scrollbars to be visible).
View 2 Replies
Sep 12, 2008
When I render an .flv by adding the video to the Render Queue in After Effect instead of exporting to .flv the video controller ends up wider than the video itself when imported to Flash.
My video is 495 wide by 360 high. When I render in AE in the Render Queue, and then import to a Flash doc, the video controller is about 15 pixels wider on both the left and right of the video. This looks goofy. Is their a way to resolve this? Is this a Flash challenge or an After Effects challenge?
View 4 Replies
Nov 28, 2011
I made a touch screen application and I used a UIScrollBar for one of my TextField in there and I want to make it's buttons wider/bigger. The .width and .scaleX and also .setSize() properties are not working. I change size of all components inside the UIScrollBar (make wider), but it keeps its original width size with no changes.
View 1 Replies
Sep 16, 2011
I have the following spark Scroller
<s:VGroup width="100%" height="100%" gap="0">
<s:Scroller width="100%" height="100%">
<s:DataGroup width="100%" height="100%"
[Code]....
which is set to 100% width. The DataGroup is also set to 100% width. What I want to achieve is for the scroller's vertical scrollbar to OVERLAP the DataGrid. In other words I want the DataGroup to maintain the width of the outer VGroup even when the vertical scrollbar is displayed. I don't need the vertical scrollbar to move my content to the left, i want it to be displayed in top of that.
View 2 Replies
Feb 2, 2010
Flash stage width is limited to 2880px. Is there a way to do sliding panels http://www.kirupa.com/developer/flash5/slidingmenu.htm with 5 large panels eg. 5 x 1000 = 5000px?
View 3 Replies
Aug 17, 2010
I have a DropDownList inside the itemEditor of my DataGrid. There are enough items in the DropDownList to justify scrollbars. You can see the scrollbars, and the mousewheel works fine. If you move the mouse over the scrollbars, they'll change appearance fine (mouseover is working). If you click on them, the DropDownList closes as if you'd clicked elsewhere in the data grid.
I've been experimenting with custom skins hoping to find a way to trap the mouse event, but have been unsuccessful.
FWIW, this is Flex4, as an AIR app.
Scratch.mxml (main code)
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....
View 2 Replies
Sep 22, 2011
I have a list inside a VDividedBox. When the box is resized so the vertical scrollbar shows on the list, it covers some of the itemrenderers. How do I get the list to resize horizontally so that the scrollbar does not cover the renderers?
View 1 Replies
Jul 11, 2011
I'm trying to Resize a panel using a Resize Effect using its center as the anchor point. I've been googling for some information and the only thing I have found is to set the horizontalCenter and verticalCenter to 0, but this is not working for me. The panel keeps resizing from top/left corner.
View 1 Replies
Nov 2, 2010
I have an XML object like this[code]...
but how to add the id attribute as the 'data' field of the dropdown so when an item is selected, it returns that field?
View 1 Replies
Jul 11, 2011
Given the following:private var errorHtml:String = "<TextFlow xmlns="http://ns.adobe.com/textLayout/2008"><p>Existing account, please <a click="clickHandler(event);">click here</a>.</p></TextFlow>";
View 1 Replies
Jul 15, 2004
I'm having with a menu navigation system. I'm using Flash MX. I have created a menu system for the site I'm building ([URL]) where one of the buttons "Choose photographer" drops down a list of names. All the other buttons just jump to another page. The drop down is currently using tweens also the logo moves to the left as the dropdown appears and returns when the dropdown returns. All working fine apart from its a bit jerky.
It's I just wanted to get away from tweening and use action scripts instead, as I'm a newbie to all things Flash I trawled the net for tutorials and examples so that I could cobble together the exact same effect. I have managed to get the drop down work and return using the action script and it does seem smoother and works slightly better. But can I get the logo to move to the left and back in time with the drop down...no.
View 1 Replies
Mar 11, 2010
Short version: ComboBox's dropdown works and renders properly before fullscreen, but not during or after. I'm not totally sure how to ask this, so I've actually made a page demonstrating the error, with a very simple Flex app, and all three directions you need to experience the problem yourself.
For those of you not daring enough to follow my link above, I'll do my best to explain here. I've built a rather extensive Flex application (not the one in the link) that has some graphs and charts and checkboxes and other controls for those charts. At the bottom of app in a few of the application States, there is a ComboBox (like a <select> tag in HTML). Because this is at the very bottom, when you click it to access it's dropdown menu, Flex thoughtfully has it come out of the top.
[CODE]...
View 2 Replies