I have a Flex repeater that has a complex item template. When a checkbox is clicked, I need to toggle the visibility of a sibling button contained in the same repeater template. Since I can't add binding expressions to event handlers, I can't pass in the repeater item's index.
How can I access sibling components inside a repeater item?
I am trying to dynamically bind the visibility of a checkbox control to a data field of a repeater as follows.
[Code]...
I'm trying to make a Flex (Advanced)DataGrid component with some mechanism where the user can toggle the visibility of the columns. I've crudely implemented this by reading in the columns into the right-click menu, and when a column name is selected here, the visibility is toggled. It works, but it's not the most elegant solution.Specifically, I'm trying to emulate the "datagrid" that Mozilla Thunderbird uses to display emails. Here is an image:
In the upper right, there is an icon over the scroll bar. If there is no scrollbar, the icon remains in the same place. When clicking the icon, it opens up a menu that shows all the possible columns, with the visible ones having a check mark next to them, like this:
Also, the scroll bar always appears under this button, never "pushing" it over into it's own column.I'd like to re-create this in Flex. I believe the menu part and creating a column with a button headerRenderer is easy enough. But I can't figure out how (if at all possible) to do this with the scrollbar, because the scrollbar always seems to be "its own column".
how do i toggle on/off a checkbox component with ENTER instead of the default SPACEBAR? so ENTER key is the key to toggle..
View 2 RepliesI have a repeater component with custom event. My repeater components fires custom event holding data. My need is to dispatch event so other repeater components can access data from dispatching component.
Edit: Added whole stuff here.
<!-- AttributeMapping.mxml -->
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009"
[Code].....
I have a custom component in a repeater. This component has a child component which can be of two types depending on some conditions. [coed]...
When I place breakpoints in the functions called at creationComplete, I can see that the component assigned to placeHolder is correct but it does not show on my display. I tried refreshing by calling invalidateDisplayList in every place I can think of but it does not seem to work.
I have a randomly-sized array of items. I'd like to display one label for each item in a Repeater component. I want them to display in a grid layout with 5 columns and as many rows as needed. How do I do that in Flex / ActionScript?
View 2 RepliesI trying to import an XML file, and send bits and pieces to a custom component. My XML file is structured like this:
<projects><project>
<projName>{Insert title of project here}</projName>
<startDate>{Insert date here}</startDate>
<positions>
<daysOffset>{Insert a number here}</daysOffset>
[Code] .....
When I save the project, I do not get any errors or warnings. However, when I attempt to output the values in the component, the projectPositions piece comes back as Null.
In actionscript, when I click a button I would like the label to replace from "add to list" to "added" without override with super method.
Is this even possible to change label in repeater?
I have a repeater that populates a component, called 'project'. The project components are given an ID of 'wholeProject'. In all of my functions up until now, I was able to determine how many project components were made by doing the following:
wholeProject.length;
I used this in for loops, for each loops, and for changing the item settings within a project, i.e. something like this:
wholeProject[i].studentName = "Billy Bob";
However, I'm creating a new function that does not seem to like this wholeProject.length reference. I'm using it within the same level as all the others (i.e. the parent level). So far, my function is simply this:
public function getStudentYears():void
{
Alert.show(String(wholeProject.length));
}
when the application loads, the alert message simply does not appear. If I change the alert to something like this:
Alert.show("This is just a test.");
it works just fine. But for some reason, the wholeProject.length doesn't work in this function whereas it does in all my other ones.
I need to add text on screen (for hearing impaired) to a simple movie I created. I just need to have text toggle on and off. I don't know how to actionscript the mc or button. Working in F8, publishing to F6.I did see the visibility on/off rollover thread... but I'm not actionscript saavy and can't make the leap to an onpress or onrelease button, rather than a rollover.
View 7 RepliesI found an earlier post with the following solution for mouseover visibility control.
ActionScript Code:
instancename.onRollOver = function() {
this._alpha = 0;
} instancename.onRollOut = function() {
this._alpha = 100;
}
What changes would I make to use the space bar as a toggle for visibility? Or would I need something completely different?
I�m trying to toggle the movie clips visibility by passing in a parameter. I have seen an example of this before, but can�t remember how it�s done. Here is the basic set up below. Basically, you can set one of the movie clip visible while the other movie clips are invisible by passing in a parameter.
function toggleVisible(){
one.visible==false;
two.visible=false;
[code]....
I have a problem when creating a ViewStack, with a repeater along with other components (i.e. vBox) inside the ViewStack. The repeaters get placed at the bottom of the view. Despite the repeater is listed before other components, it is placed at the bottom.Is there a workaround where I can get the repeater drawn before the other components?Here is an example:
<mx:ViewStack id="viewStack" width="100%" height="100%" backgroundColor="#FFFFFF"
backgroundAlpha="1" paddingLeft="5" paddingRight="5" paddingBottom="5">
<mx:Repeater id="editorsRP" dataProvider="{dynamicFields}" [code].....
I have a custom ActionScript component that I'm using in a Flex application (Flex 3.3, ActionScript 3). This component contains an Image control whose visibility is set dynamically based on a property of the data element provided to the component. The problem is that even when I set the image to be visible, it will not render onscreen. Is there something specific I need to do in order for the image to render? Snippets of relevant code below:
override public function set data( value:Object ):void {
_data = value;
if( _data ) {
if( _myImg ) {
_myImg.source = someImageClass;
[Code] .....
Is there a way to tell at runtime if a flex UIComponent is in the user's view or not.For example, if I have a tabNavigator with a combobox on each tab, is there a property of the comboBox that will tell me if it is visible to the user or not when I switch from one tab to another?I know it is not the comboBox.visible property. That is set to "true" for both comboboxes. I want a property that will change when I switch from one tab to another making the comboBox visible to the user. I don't know what that property is.
View 2 RepliesI have and add button (last row) in one column of the AdvancedDataGrid. for the row having the add button the rest of fields are not visible. On click of the add button a new row is added to the grid for the user to add. After that this button becomes delete button (label becomes '-' and a new row is added at the bottom for adding another row). When i click on the delete button (label '-'), the last row gets the add button('+' label) but the fields of the row become visible.
[Code]...
I have a viewstack with two tabs.In one of them there is a data grid shows a list of notes. The other one is includes a form that can edit notes or crates new note. I want the user to be able to add new note or edit existing note when clicks an item in data grid. I mean when user clicks an item the viewstack must become editor.
View 1 RepliesI have 5 components on my Flex application(actual view) and they are:
x = main panel
y = bottom panel
z = left panel
a = right panel
b = top panel
I have a toggle full screen button. When clicked I want the main panel(x) to become full screen. At this point only main panel(x) should be visible. when I click on the toggle button again, it should become normal displaying all 5 components(the actual view).
I have a component with checkboxes, the checkboxes are bound to booleans in the main code:
<mx:CheckBox id="LyrClearAll" selected="{Application.application.bLyrClearAll}"/>
This works fine for the checkboxes that dont change unless a user interacts with them again. My problem appears because I want to uncheck one of the boxes everytime the component is closed. (I know something other than a checkbox would work better, but Im trying to keep things consistent in this component.)
I have tried setting the bound Boolean variable to false, and Ive tried setting the checkbox.selected value to false. Neither are working, everytime I open the component the checkbox is still checked.
private function makeLyrsPopUp(evt:MouseEvent):void
{
var panelLyr:popUpLayers = PopUpManager.createPopUp(this, popUpLayers, false) as popUpLayers;
[Code].....
What is the easiest way to change the background color of a toggle button when it is selected?I've tried creating a custom skin for the button and applying it to the downSkin property, but I can't figure out how to change the background color from within the skin. Also I'd like to avoid using an image as a background if possible.
View 2 RepliesIn Flex, is there an easy way to change the size of a Checkbox? I want to make the checkbox bigger, but the label beside it the same font size
View 2 RepliesWhat i am trying to do is very simple but it does not seem to work
I am trying to get a checkbox event handler to change the text value of a string.[code]...
I am encountering a bizarre Flex 3.4 issue. I have a class that acts a dataprovider to my entire application named "DataProvider.as":
package {
public class DataProvider {
[Bindable]
public static var email_enable:Boolean = true;
}}
In an mxml form, "Settings.mxml" I have a checkbox control which is bound to the email_enable variable of my dataprovider class:
<mx:CheckBox x="452" y="170" label="{Language.loadLanguageResource('lblEmail')}"
id="chkEmail"
selected="{DataProvider.email_enable}"
change="onChange()"/>
All is well as far as getting the value, if I set the variable in my dataprovider to either true or false, the checkbox reflects this change; however, if I click on the checkbox and change it's value, the dataprovider variable never reflects the change.
i created dynamically checkbox on data grid how do i find out Which checkbox select/unselect and which checkbox contact is select/unselect ? Because we cant set dynamic id for each checkbox
<mx:DataGrid x="7" y="3" width="347" height="337" dataProvider="{#####}" variableRowHeight="true">
<mx:columns>
[Code]....
I would like the native Flex checkBox to change state only, when the box is clicked. If user clicks the label the state shouldn't change.
The click event cannot be muted as it is utilized in parenting components.
how to obtain such functionality? How to detect, that user has clicked the label?
I need a datagrid, which contains checkbox (4 no's) without multiple selection. And I also need a text area which should contain the selected checkbox's label/data. I tried using arraycollection but I am not getting.
View 2 RepliesI'm trying to get the sibling of an mxml tag similar to the way siblings are selected in javascript. Is this possible in Actionscript? For example, when I click the TextArea with id textarea1, I need it to tell me that the sibling has an id of rect1 so I can do further processing to it.
<s:Group>
<s:TextArea id="textarea1" click="getSibling(event)" />
<s:Rect id="rect1" />
</s:Group>
I have a checkbox in a component:
<s:CheckBox id="myCB_1" />
In my main.mxml I need to test for the state of the checkbox. I originally had all my code in main.mxml, but it was getting really long, and I thought that it was better practice to break my code into components. Also, I have other projects where the same concept will apply.I have the following function :
private function checkAlarms(currentTime:Date):void
{
if (!breakfastAlarmSounded)[code]....
doesn't work. Someone mentioned that I need to create a variable in my component that refers to the id (myCB_1) of checkbox, but I don't really understand or know how to do that, and they didn't elaborate.How do I test for the status of the CheckBox "myCB_1" in the component from within my main.mxml?
Below is the code for a simple Flex actionscript project. A sprite is partially covering a hyperlink. What's happening is that when you hover over the sprite, if you're also hovering over the hyperlink, the hyperlink is activated. I want to prevent that. I want the hyperlink to be activated only when the mouse hovers over it -- but not when the mouse hovers over the sprite which covers it.
package {
import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.events.TextEvent;
import flash.text.Font;
[Code] .....