Flex :: Scrolling A Spark Form To Focussed Element Programatically?
Aug 5, 2011
I found this example [URL].. which works great but only if you have the focussable elements in a VGroup.
However I have a Form inside the VGroup which means that the focussable elements are in FormItems of the Form. The Form can't be added directly into the Scroller and doesn't have a layout property.
I could use form.getElementIndex(formItem) and then do some math using the formItem y position but that's very ugly. Anyone have an idea how to get this working in a clean way like the above example?
View 1 Replies
Similar Posts:
Jun 21, 2011
The answer to my question is possibly easy, yet I haven't found an example of solving it in the web, nor have I found a solution reading ActionScript reference. My problem is the following: I have a big UIComponent derivate element inside a Scroller (spark.components.Scroller) window. The Scroller class is great because when my canvas element, that changes size dynamically, exceeds its boundaries, scrollbars appear automatically and handle scrolling of my UIComponent inside it. However, I'd like not just to be able to Scroll using these automatically appeared scroll bars, but also by using a pan tool that I will myself implement (similar to the hand tool in Adobe software, for example). The thing is that I am not able to modify correctly the element's position inside the Scroller window.
I tried, as a first approach, accessing to my elements' 'x' and 'y' properties, however, when changing them, I dont get the resulkts wanted. The code for it is the following (in which, for symplifying reasons, I used a text label as my 'inside' element, and two buttons as an external scroll controller, instead of a hand tool)
[cODE]....
View 1 Replies
Aug 27, 2010
I have a spark List with an item renderer and a tile layout. If I scroll by clicking with the mouse on the scroll bar and trying to scroll with the mouse wheel after that, there is a problem: The interval of the scrolling is oversized, instead of scrolling one item down (or up) the List scrolls 4 items down (or up).
[Code]...
View 1 Replies
Oct 5, 2011
I have noticed two differences between spark and mx forms which are causing me some problems. It seems by default the mx forms are arranged to the label is above the form input item. In Spark they are arranged next to each other. Also the label in spark forms are bold by default.For example MX code could be
<mx:Form width="100%">
<mx:FormItem indicatorGap="0">
<s:Label text="label1"/>
[code].....
View 1 Replies
Aug 22, 2011
I have a list component with a (row oriented) tile layout in a group that sits in the main Application. I want the list to be centred vertically when there are not enough items in to fill the application window height, so verticalCenter="0". However, when there are more items than can fit vertically on screen, the list expands beyond the application window height and the scrollbar doesn't kick in. I can remedy this if setting the list height to 100%, but that means it's not vertically centred when it contains less items. The ideal solution would be maxHeight="100%", but of course maxHeight doesn't work with percentages. How would I go about achieving this behaviour?
[Code]...
View 1 Replies
Sep 5, 2010
How to set a hover state (upSkin) when hover on another element? This example is not working on spark:
[URL]
Would like to do something like this:
<s:Button id="but1"/>
<s:Button label="change" mouseOver="button2_mouseOverHandler(event)"/>
protected function button2_mouseOverHandler(event:MouseEvent):void{
//make but1 look like I'm hovering it
}
View 1 Replies
Jun 9, 2011
I am going through the flex in a week training and I'm trying to use the Spark form in Flashbuilder 4, but it does not appear in the components windows. When I drag a form from there it is an mx form control. The project is set to use the 4.5 sdk and I can even create the tag in the code view, but when I do that is doesn't show up in the designer... How can I get the spark form control to either show up in the designer when created in the code view, or get the control to show up in the components window so I can drag it in?
View 1 Replies
Mar 18, 2012
I know that there is no such function as getElementByName in Flex but I also now that you can do this["object_id"] to get the element of the application u're in.What about getting an element inside another element?I've tried making element["id"] ? But in my try-catch it always runs the "catch" part..how do I get an element inside another element just having it's id in dynamically created string form?
View 2 Replies
Feb 26, 2011
Is there a way to change the space between a spark form item and its content (textinput, combobox)? I already set to 0 the "gap" property of the form, but still there is a lot of vertical space left between the form inputs.
View 5 Replies
Mar 13, 2011
[code]When I hover the upper (red) part of the List (I would like to have the List scroll downward, the higher the mouse position is, the faster it should scroll). Similarly, If the mouse hovers over the bottom (red) part, the List scrolls upwards, and the lower the mouse is hovered, the faster the list would scroll. The current code does work - Though, the trace outs make it obvious that:this.layout.verticalScrollPosition += (mouseY - 220)*0.5.or this.layout.verticalScrollPosition += (mouseY -86)*0.5;are giving jumping effects, is there a way to make these values change more linearly or smoother? I created an AnimateProperty, but that works well only if I would like to scroll to a selectedIndex, In this case, I would like the scroller to keep scrolling linearly as the mouse is hovered to a particular red area, and increase in speed when I scroll to either extremity.The Objective: While the mouse is over the Bottom (red part )of the List, the verticalScrollPosition scrolls faster as it gets farther than the center of the ticket list... yet there is jumping effect going on, I suppose due to the EnterFrame. the Same with Upper Part... the higher the cursor is, the faster the List should scroll.I feel this is a common problem to Flash CSx developers.
View 1 Replies
Sep 8, 2011
I face a problem while i am try to scroll up or down the content in a scroller via viewport. my MXML cod is
[Code]...
View 2 Replies
May 12, 2010
I'm using a list element with variableRowHeight and word-wrap set to true like in the example below: [URL]. When I scroll through the list with a mouse scrollwheel the text in the listItems also scroll. I know that this is to do with the height of the textField...
View 1 Replies
Apr 10, 2012
I have several horizontal scrolling lists with differing item widths stacked inside a Vertical Group. On an item click all any selected item from the other lists will be cleared. When any of the lists are scrolled all the other lists should scroll exactly the same amount in the same direction, simalar to [URL]
The synced scrolling is throwing an undefined error and has crashed the adl(it is a mobile app) on one occasion. This happens only when I add more than 2 synced scrolling lists via event listeners.
So my question is: Can anyone see why this errors or is there a better way to achieve this type of horizontal scrolling multi-list, possibly a really wide data-grid or group of buttons inside a scroller?
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code]....
View 2 Replies
Mar 18, 2011
I have an Application displaying a spark.List. Every item of my list must be visible (no vertical scroll).
I need my Application to be scrollable in a web browser, so I've add a Scroller containing all my components. When the browser window is too small to contain all my application, scrollBar appears.
My application looks like that :
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" >
[Code]....
When I scroll with my mouse cursor outside of the List, everythink works fine. When I scroll with my mouse cursor over the List, nothing happends.
It looks like the mousewheel event is stopped by the List, even if the List does not have a scrollbar.
View 2 Replies
Jul 11, 2011
How can I make my datagrid have its first column fixed and scroll the reset horizontally and vertically?
View 1 Replies
Mar 21, 2011
How do you scroll an editable TextArea (Flex Hero) on a touch device? I am referring to the situation where the text does not fit in the TextArea height.When I try to tap and drag the text gets selected and not scrolled... Am I missing a something here? I am using verticalScrollPolicy = on (also tried auto).I am testing the code in the Blackberry Playbook simulator (my targeted device for my app).
View 2 Replies
Jul 26, 2010
In flex, I am able to add mouseOver ( in mx:TextInput ) event as follow: mouseOver="canvas1_mouseDownHandler(event)"It is not the property of TextInput so how can I do it programatically in ActionScript?
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
Aug 14, 2011
I'm doing some Actionscript work right now and I'd like to know whether there's a way to initiate an empty object's value programatically like this:
var myObj:Object = new Object;
myObj.add("aKey","aValue");
To add a property called aKey whose value is aValue.I need to create a "Dumb" (data-only) object to use as a parameter to send via POST. So I don't know offhand how long and/or how many attributes it's gonna have.
View 1 Replies
Jun 12, 2010
I'm currently building a small search banner which comprises of three fields and a search button.
The banner works great and all the fields respond well however if I use the tab key on the keyboard to move from one field to the next the search button becomes highlighted.
At this point my keydown Enter causes the button to not function as a release but instead takes my file to another portion that is reserved for button B rollover functionality.
Is there anyway I can make sure that by hitting the tab key after the last field will take the user back to the first field?
View 5 Replies
Oct 16, 2011
How to scroll Spark list with a disabled scroller bar? I created two buttons to scroll up and down, but it is unclear what methods can be used to scroll the list.
View 1 Replies
Mar 16, 2010
I have this swf (flash) file that provides the json that needs to be sent to the server.[code]...
Of course I can pass the json as a string to the view function. Doesn't seem good to me. Any other way of passing the json object to the django view?
View 4 Replies
Mar 4, 2011
I have researched the infamous 'Flash hogging keyboard focus' issue, but I believe our issue may involve a workaround that someone else has already come across. I've tried the various solutions I've found on stackoverflow and other sites, which I summarize below.We have a web app, and a particular interface loads several divs that we are using as "tabs". When a user clicks one of the tabs, we hide the current div and un-hide the new one. Our main tab (which is loaded when the page loads) embeds a document from Scribd, which is loaded as a Flash movie. When a user clicks on the Flash movie, they scroll with the mouse/keyboard like normal, and when they click outside of the document control returns as expected.When they navigate to another tab and then return to the original tab and click on the embedded Flash to navigate within it, the embedded Flash steals control of the mouse scroll and won't let it go. The user can click in this document and scroll with the arrow keys and then click out of the document and scroll the parent window with the arrow keys, but mouse scrolling is still bound to the embedded Flash movie. The only remedy is a hard page refresh.[code]This doesn't work -- I can confirm that the element is removed from the DOM, but when it is returned to the DOM it hogs mouse scrolling when clicked just like before.I also tried a similar solution, but instead of removing the element I called [code]
View 1 Replies
Dec 2, 2011
I have a db file Resided in Flex Air Bindebug Folder,Here i want to Move/save this db File at another location let say In mydocument/or any Folder, I am not able to do it's programatically.
View 2 Replies
Feb 10, 2011
are there any events that the scroller will dispatch when being scrolled?
View 1 Replies
Nov 28, 2009
am sending one user object from java to flex using remote object,now i want to get each item from that array to display in text boxes...how can i do this ?
userInfo=event.result as Array;
<mx:FormItem label="FirstName" fontWeight="bold" width="325" required="true">[code].....
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
