Flex :: Vertical, Scrollable List Of Panels?
Jan 29, 2012I'm using Adobe Flex Builder 4.5, and I'd like to create a vertical, scrollable list of panels for an AIR application. How do I do that?
View 1 RepliesI'm using Adobe Flex Builder 4.5, and I'd like to create a vertical, scrollable list of panels for an AIR application. How do I do that?
View 1 RepliesI need to create an accordion interface that can have multiple open panels. I have seen so many examples out there that allow one at a time, but none that allow the user to have a few panels expanded at one time.
View 2 RepliesI have a vertical movieclip that has 20 graphic symbols that need to be dragged onto an area to the right on the stage.
The issue I am having is I need to make the movieclip scroll vertically. If I use the scrollpane component, the draggable items get masked and disapear when dragging them outside of the scrollpane component.
I tried using a custom scrollbar, though the draggable items that are dropped, are then scrolled vertically with the main movieclip...
I have a list item with buttons in it like so:
<mx:List contentBackgroundAlpha="0" baseColor="0x333333" leading="10" id="weekButtonList" width="260" borderVisible="false" dataProvider="{_data.mappoints.week.@number}" itemClick="onWeekClick(event);" >
[Code]....
No matter what I do, these buttons have a vertical gap inbetween them. I have tried everything from setting the "vertical-gap" property to negative and positive numbers as well as changing the padding-bottom and padding-top on them. I want the buttons to be right up against eachother vertically. I have also tried "button-height" and padding on the List component...still nothing. How do I control this?
In my air app I have a list(vertical) on the left side, like a sidebar. It`s working fine! The things is I want to put some animation in this list, which all the times when I select one item all the list moves, and this item goes to the center of the list!Someone have same example or URL, or something?
View 2 RepliesFor the RSS I made a scrollable list of the items from the xml to show the time+title - this is working fine. Now when I click on the title it show on the text area (logText) the description. Now what I want is to add a link behind the description. I have tried with .link but it shows the whole link tag and not clickable link to the page...
function selectLog(evt:Event):void {
logText.htmlText = rssXML.channel.item[evt.target.selectedIndex].description;
Would be nice to have the link working.. like "read more".. clickable link... behind the description.
I have built simple scrollable list menu for my mobile app - this is just a simple table with 1 column and there is a small jpg and description text in every row. This is built using the ScrollPane component (with scrollDrag enabled) - and within scrollPane every table row is simply a button object. This all scrolls and works just fine.
When you scroll the list - and when you let go your finger to scroll further it thinks that you've clicked and it opens the link. I am using onClick event at the moment (but also tried TapHandler) and they all do the same thing, they work but you can accidentally open unwanted menu item. How to separate swipe from just tap event in the code, so user doesn't accidentally opens the link?
I need to create a scrollable list of buttons. Only vertical scrolling is enough. The main thing is that, the buttons and scroll bar should be custom drawn. One and two dimension of button layout support is needed.
View 3 RepliesI have a list component
var theList:List = new List();
theList.dataProvider = new DataProvider(listArray);
theList.rowHeight = 93;
theList.rowCount = 4;
theList.setStyle('cellRenderer',ChoosePanelListCell);
how can i specify vertical gap between the cells of List?
In Flash 9, with AS 3, I modified the width of an isolated list component using list_instance.setSize(width=x, height=y). When the list is included in an app with other components and movie clips, the setSize() method applies itself to the size of the app window and scales everything within. Using skins, I can edit the list background color. Though I can modify the width of the accompanying vertical scrollbar subcomponent in the editing window, the modification does not apply to the stage or when the app is run with Control/Test Movie. modifying the width of the vertical scroll bar in a list component that is included with other components and movie clips in an app, either dynamically with AS 3 or by editing skins?
View 0 RepliesI've to create a image gallery with following features :
1) Vertical thumbnail list
2) I should know which image i've selected
3) It should have loading for both thumbnails & the main images
Plz take a look on the following site [URL]. I want exactly the same except the horizontal images.
suppose i receive some data from php separated by commas. Like:a, b, new, data...these will be in a variable say "files". Now, i receive the var and i have to show the names of the files in a vertical list. Like:
a
b
new
data
And also they will be a link to some php file or any such thing. how to do this?
I want to create a news application for my website.how should i create drag-able panels/canvas inside another panel/canvas.What i exactly intend to do can be seen on netvibes.com . The website has different panels of every news group, and this panel could be moved from one place to other, but in a well defined manner. And the other panel take over the place of dragged panel.Is there any component in flex
View 2 RepliesI have a ViewStack with 2 panels:
<mx:ViewStack id="viewstack1" height="243">
<mx:Panel id="gridPanel">
<mx:DataGrid id="grid" right="10" left="10" top="10" bottom="10" width="300" height="150" itemClick="showDetails(event)">
[Code]....
I want to have the user click a grid item in the first panel and then load the data in a panel in the second panel. I can grab the value of the index for the clicked item in the itemClicked handler, but how do I access the detailsPanel to set the values based on the row info from the Grid?
My problem is i am trying to make a panel. My button in in Main.mxml whereas the panel functions are defined in panel_Create.mxml. the code works fine. In panel_Create their are functions to create panels at runtime. The problem i am facing is when i run the program it wont show the panels but it does increase the value of n and after 8 clicks it gives alert message. The code works fine when i put all the code in Main.mxml
<fx:Script>
<![CDATA[
import Components.panel_Create;[code].....
Based on this Adobe multiple axis chart example: [URL]
Then I changed some data values to negative and my axis became not aligned anymore.
how to align vertical axis? Is this another Adobe bug or there is some property that aligns axis?
<?xml version="1.0" encoding="utf-8"?>
<s:Application
minHeight="600"
[Code]...
I am using Flex AS3, i have a accordian with two tabs each tab contains some text boxes and i am trying to access these child controls from button event handler which resides outside the accordian, Problem is these controls are null until i open the tabs of accordian.
View 2 RepliesI have five panels with some logic in every of them.
How could I split styles, code and layout for every panel to several files?
How can you find out if a Flex Component (in my case the tree) is scrollable? I tried it like this
if (_listOwner.height < _listOwner.measuredHeight) {
// so stuff
}
from within the tree's item renderer but didn't succeed. Access to the tree's scrollbar is private so that I can't get the info that way.
I'm trying to show image files (jpg, png, gif) that can be larger than the available display area. I've embedded an Image inside a cCanvas (to get scrolling), but the large images are not completely displayed.
Very large images (e.g. 2480 x 3507) have the top or the top and bottom of the image clipped withing the scrolling Image.
What is the largest graphic one can display using the mx.controls.Image ?
I have No problems inserting data from flash to PHP into MySQL,it's sendind them back properlly.All I'd like to see happen is for one row of data to be inserted into a dynamic text field. here's what i've got if i access this php file, it prints out a vertical list from
a single MySQL row,I was happy.
$query = "select row from table";
$result = mysql_query($query, $db);
while($row = mysql_fetch_row($result))[code]...
and Instead of the vertical list (which i would love to see)i get an unparsed data array.
I have the code to copy parts of a huge loaded BitmapData to a target BitmapData that is just the size that I can display. I think I have set the scroll bars of an enclosing Canvas to show the size of the larger image and allow the user to scroll. Now I need to put the selected pixels on the screen. When I try to add a Bitmap component as a child of the Canvas, it get an error because Bitmap is not a UIComponent. What's the best way to put the target BitmapData into an Image component?
View 1 RepliesI'm using flex 4.1 to write an application. i read in the documents that has the rowCount property to set how many items to display. the does not have that property. how can I limit the list to display 3 items ?
View 3 RepliesFlex 3 List control had a itemRollOver event. Flex 4 List doesn't have it. Is there an equivalent or a workaround for this issue?
View 2 RepliesHere is a snip from within my code:
[Code]...
The 'recommendations' dataProvider is an ArrayCollection of String, which are generally sentences about as long as this one. By setting the variableRowHeight and wordWrap properties as shown, if a sentence is too long to fit on a single line, everything works fine- the row expands and the messages show on two lines, or occasionally three.
The space allocated for this panel within the entire canvas means if the total text size of 'recommendations' exceeds six lines, I need for the entire list scroll. This is also working just fine. The trouble is when using the mouse wheel to do the scrolling- Flex scrolls both the entire list and the single item where the mouse is hovering. Often this results in only the second half of a sentence being visible. Non-programmer friends I have asked to look at this noticed this, and tell me it as a problem. If a user does not notice the dual scrolling, and sees only a fragment of a sentence, it will be perceived as an error in the application.
[Code]....
When a user selects a category from the first drop down box then i want the 2nd drop down to be updated based on the selection of the first drop down. I have created multiple ArrayCollections whose names are set to the "data" values of the first drop down, for instance:
[Bindable]
public var countries:ArrayCollection = new ArrayCollection([
{label:"USA",data:"USA"},
[code].....
I am currently working on a project in Flex and I am having a hard time having a list's contents ALL be selected by default. Wondering how to do this.
<mx:List id="list" dataProvider="{dp}" allowMultipleSelection="true"/>
I'm just trying to have the list all selected.
I'm trying to animate a list as I delete the top row. All the examples I can find use itemsChangeEffect to bind to the effect, but this property exists only in MX lists, not spark lists.
Any idea how I can get the same effect done in Spark Lists?
I'm trying to remove the top most item in the list with a slight fade out effect before the rest of the items move up to replace the gap.
while i using drag & drop from listbox1 to listbox2 ,how can i get all the items of listbox2 in flex
View 1 RepliesThe traditional way to assign an icon would be to use the icon field of the item renderer,which reads the value of "icon" property in your data, for example:
listData.addItem({label: "Logout", icon: "com.classpth.DefualtThemeLogoutIconClass"});
But i want the DefualtThemeLogoutIconClass to changed to another class: ightThemeLogoutIconClass when the theme is changed.The only way to do this would be to use a style declaration containing a classReference to the icon, and change its the value in each of the CSS files of the various themes.The question is, is there any way to assign this style to an icon in a List, something as easy as intuitive as list[0].getIcon().setStyle("styleName");