ActionScript 3 :: Flex 4.6 - Spark FormItem Inner Gap Cannot Be Removed?
Feb 14, 2012
Working with Flex 4.6 spark forms, I encountered strange behaviour: FormItem element ALWAYS has inner gap (padding), which cannot be removed. Red area on image ilustrates the unwanted GAP that i cannot manage to get rid of. Blue border represents Form component. Grey border (thin) represents FormItem component. FormItem has no padding or gap property.
This is the code for image above:
<s:Form id="form">
<s:layout>
<s:FormLayout gap="0"
paddingBottom="50"
paddingTop="0"/>
</s:layout>
<s:FormItem width="100%" label="RC">
<s:TextInput id="myTextInput" width="215"/>
</s:FormItem></s:Form>
When developing for mobile, you want to make best use of every pixel on your screen. This is unacceptable for me since I want to have several TextInput fields and having this gap will waste lots of space... So my question is, can the red GAP be removed? I want my FormItem to have padding 0 - meaning TextInput border will touch FormItem border...
View 1 Replies
Similar Posts:
Aug 3, 2011
I have an issue with Spark Lists whereby I am trying to ensure that an item is always selected and ensure that the GUI displays this to the user.
The application (full code below) creates a List, a Label and a Button. The Label states what is selected in the List. The button removes the selected item. Changing the selection, updates the text in the Label. Important: The List has "requireSelection" set to true to ensure that an item is always selected.
If I select the first item in the List, the selection is correctly reflected in the label. Clicking "Remove" removes the item and the next item is selected. This is all working correctly.[code]...
View 1 Replies
Dec 23, 2011
When i use the the Form and FormItem in flex,I found the s:FormItem can't place its label position automatically and can't use direction, horizentalGap properties, but adobe recommended us to use spark.components.FormItem instead of mx.containers。FormItem,so can you teel me the different about these two class,and tell me why the properties such as direction, horizentalGap can't use in spark.components.FormItem.
View 1 Replies
Jul 20, 2011
I have a fairly straightforward Flex layout question. Is there anyway to get FormItem's contained within a nested container to follow the alignment of the FormItem's in in the parent form container?
[Code]....
View 1 Replies
Apr 21, 2011
I want to bind sum of a column of a datagrid to a FormItem'text which is shown below of that datagrid.
View 1 Replies
Nov 21, 2011
I'm a new to Flex, and I'm trying to add a second label to a text box.
like this: Label [_______] label 2
So the first label will describe the text box and the second the unit, for example:
cost of cleaning [_______] $ per hour
Can I do this with a label inside the form item?
what I have tried looks like this:
mx:FormItem label="cost of cleaning">
<mx:TextInput id="proSRO2YO" text="" width="120" maxChars="20"/>
<mx:Label text="dollars per hour"/>
</mx:FormItem>
but that results in a second label one line below, I need these on the same line.
View 1 Replies
Jul 30, 2010
I want to build a flex FormItem extension that adds a button into the item label section, such that there is both a text label and, to the right of it, a button that uses an image icon: Basically, I want to create that 'i' icon, such that I can click on it to display a help overlay for the item in question.Is there an existing component that does this? If not, how do I do it?
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 17, 2009
if i have a movie clip with an even listener attached to it, is the event listener being removed automatically when the movie clip is removed from the stage or should i always remove the event listeners manually?
View 4 Replies
Apr 7, 2011
I want to remove all children of the name (mc1) but be able to add new one when I call the add function again Heres what I have
// Draws the squares
Code:
function drawIt(e:Event=null):void{
mc1.graphics.lineStyle(1);
mc1.graphics.beginFill(ITsColor);
[code]....
Removing all the (mc1) movieclips works fine, but when i click on the butotn to call drawIt again, all previous mc1's are displayed again with the new ones
View 2 Replies
Jul 1, 2010
I have some MXML elements which i would like to remove and add to a parent element. Unfortunately I am constrained to removing the MXML object as this is handled by the custom component. So is there any way to reinstate a removed MXML element back into the display list?
View 1 Replies
May 13, 2010
I'm working on Flash Builder with latest flex SDK. I have a problem getting the value radioButton of the selceted radio button inside a form:
<mx:Form id="form_new_contribution">
<mx:FormItem label="Contribution type" includeIn="project_contributions">
<mx:RadioButtonGroup id="myG" enabled="true" />
<mx:RadioButton id="subtitle" label="subtitle" groupName="{myG}" value="subtitle"/>
<mx:RadioButton id="note" label="notes / chapters" groupName="{myG}" value="note"/>
</mx:FormItem>
[Code]...
View 2 Replies
Apr 5, 2012
I would like to attach an error to a formItem. In spark, it appears that the standard way it is rendering on error on validation of a textInput, is bordering the textInput with red, placing a yellow alert icon next to the textInput and placing the error message in the formItem aligned to the right. How does one do this manually for a custom formItem invalidation so that I can conform to error display?
View 1 Replies
Apr 20, 2011
When adding/removing elements to/from a VGroup I need it to happen smoothly, resize the item. I believe I have to use transition effects. But how?
At item (element) level? At VGroup level? Should I use a DataGroup instead and do it at ItemRenderer level?
I've been trying to do it at item level but I still didn't manage to make it work and somehow it doesn't feel right. It feels like it should be done at a higher level.
For example, I defined a "death" state which resizes the item to height=0. But then, after it shrunk, it has to somehow notify VGroup in order for it to be removed or remove itself from VGroup. It feels unnecessarily complicated.
way to associate an effect to inserting and removing items from a VGroup?
View 2 Replies
Dec 3, 2009
I am using this collapsible panel - link. Unfortunately, I have a problem using it with application states. I have a state where this panel is visible, when I switch to this state, this panel shows, when I click on it, it opens and its content shows. If I switch to another state (this panel is removed from display), and then switch back to the previous state, the collapsible panel stays open, but its content disappears. In other words, the collapsible panel's content doesn't persist through states. Anyone know what the problem is? Or is there another collapsible panel that can work around this issue?
View 2 Replies
Mar 29, 2012
I am dynamically creating a form on runtime of my application. The content of my form item (lets call it MyFormItemContent) looks like this (simplified):
<?xml version="1.0" encoding="utf-8"?>
<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
width="100%" borderAlpha="0.0">
[code]...
If the validation of MyValidator has errors a red frame apears around the BorderContainer as intended. But unfortunatly the error text that should apear right to the form item doesn't. I'm thinkin it's a layout problem because I define the validator inside the form item content before adding it to the form. I've already debugged this and read documentations a lot.
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
Jun 25, 2011
Anyone missed the old simple method for skinning a simple button?
CODE:
The problem im having is that, this method of creating a simple button with skin is being phased out : Infact it is no longer supported in flex 4.5 mobile projects.
So the question: Is there a simple way to perform this, with spark buttons (which is suppose to be the new way to go). As simple as possible.
Basically i only need a button with 2 images : down/over & up. And i want to keep the code as simple as possible : The new skinning methods, seems to really adds way too much lines for something that used to be as simple as the example above.
View 3 Replies
Oct 4, 2011
Flex 4.5+ is I guess everyone is working on nowadays so I asked this question since I haven't yet find working both spark datagrid and the mx printdatagrid components together.
What I'm trying to achieve is to print all the data inside my spark datagrid. So when I do my research, we use the PrintJob or the FlexPrintJob classes.It works fine but when I need to print multiple pages since the data on my spark datagrid is quite long, I can't somehow find a way how to do it.The print output is only upto where the height of my spark datagrid.So in my research, they somehow managed it to use the mx:PrintDataGrid component.But sad to say, they did it with an mx:DataGrid also.how to use the mx:PrintDataGrid along with s:DataGrid.
var printJob:PrintJob = new PrintJob();
if (printJob.start())
{[code]....
If converting a spark datagrid columns to the mx datagrid columns is not possible, is there a way that I can print all the data on the spark datagrid using multiple pages?
View 1 Replies
Nov 10, 2011
I have been able to disable tabs in a tab bar using the following tutorial.
[URL]
This only works for mx tabbar. Does anyone know how to do this for a spark tabbar? I prefer the lnf of the spark one. When I try it with a spark tab bar it just disables the viewstack of the tab and not the actual tab. An alternative solution may just be to make the mx tab bar look like a spark toolbar with the rounded edges.
View 1 Replies
Aug 20, 2010
Is there more work, or source code files required to customize your look and feel (skins)?
How maintainable and readable is Spark relative to Halo?
Is it more productive and easier to customize overall than Halo, about the same, less?
If you're an SDK user who was 99% happy with Halo's appearance (maybe just a few CSS tweaks), is switching to Spark creating more work for you? Do we now need to employ designers to get a reasonably complete look and feel?
View 2 Replies
Aug 22, 2010
I would like to add some fancy drawing beyond the CSS formatting. How can I put a skin on a spark Label ?
View 1 Replies
Oct 19, 2010
I'm using a spark combobox in my AdvancedDataGrid, as an itemEditor. At some point I noticed that clicking on the scroll bar arrows would close the CB - very annoying. After much research I found this on Stackoverflow which completely solved my problems - One more and last lingering issue left though: when selecting an item from an open dropdownlist the mouse click seems to propagate to the cell below once the dropdown has closed. I assumed that the fix above would take care of this last issue, but it doesn't seem to. I tried to override the item_mouseDownHandler for the CB and stopImmediatePropagation() of the mouse event post its usual behavior, but that also seems to have no effect. I also tried setting the mouseChildren property for the skin['dropDown'] to false, but that impairs the whole functionality.
View 1 Replies
Oct 23, 2010
I'd love to be able to setup a footer at the bottom of my spark application, which runs in a browser. I was reading through the documentation of Application and the awesome Adobe examples. Unfortunately I keep getting lost when the documentation talks about how to position the control bar area at the bottom via spark.skins.spark.ApplicationSkin - sadly I'm not sure what that means from a practical standpoint and am stuck. How exactly do I set this up? Do I need to create an application skin (doesn't seem to be an option for the MXML skins) and apply it to the skin? Or instantiate ApplicationSkin and do something with it (what, exactly)?
Sorry, I'm sure this offensively simple, but I can't find any obvious example anywhere.
View 1 Replies
Mar 13, 2011
I am using a the spark tabbar and gave a view stack as dataprovider.....in the view stack there are n elements ...and each element has a panel....my code would be some thing like this....
<s:tabbar dataprovider = {viewstck-id} height="100%" width="100%"/>
<viewstack id="viewstck-id">
<navigatorContent >
[code]....
View 1 Replies