Flex :: Scrollbar MUST Be Around The DataGrid And HorizontalScrollPolicy
Dec 4, 2009
look at this code:
[CODE]...
The datagrid is outside the limits of my screen, but the scrollbar is useless. To show you what I mean, look at the compiled output here: [URL] Of course this is a simple example, my real life file is much more complex and the scrollbar MUST be just around the dataGrid, not on the whole application.
I have a possible bug for datagrid in cs4 (as3). The scenario involves having horizontal scrolling, good number of columns and editable columns.
The following codes basically layout that particular scenario.
The bug is the edibility of columns on the far right. If you click on them to try to edit them, another column on the left of it would become editable instead.
I make the datagrid editable so that the selection can be passed from renderer to datagrid the scroll bars in the dropDownList fail to work. What can be done, nobody seems to know. If you know please let everyone know.[code]
How remove the scrollbar from the datagrid to display a list that it grows as large or small like the list size? And how to appear the scrollbar in the stage?
Trouble with my DataGrid component (aDg), i want to tell it to got a fixed height, and then have a scrollbar when the lines into the Datagrid are biger than its height, but with this code, it doesn't work, the grid continues to get bigger without scrollbar :
Code: myDP= new DataProvider(fileXML); aDg.dataProvider = myDP;
Trouble with my DataGrid component (aDg), i want to tell it to got a fixed height, and then have a scrollbar when the lines into the Datagrid are biger than its height, but with this code, it doesn't work, the grid continues to get bigger without scrollbar :
I've added an eventListener to the COLLECTION_CHANGE event that is fired when the grid is finished resorting the items in its dataProvider, after the user clicks on a column header:MyType (myDataGrid.dataProvider).addEventListener(CollectionEvent.COLLECTION_CHANGE,onDataGridResort);
I am working on a problem since a week soon, but I still couldn't make it work as expected. I have a DataGrid which has HBox with a CheckBox an a Label as itemRenderer (see Code below). When I tap in to the Cell the standard itemEditor pops up and lets you enter the content of the label. Thats the standard behavior. I works fine except for 2 problems:
If I enter to much text, the horizontal srollbar pops up, and the cell is filled with that scrollbar. As you see I tried to set the horizontalScrollPolicy to off, but that doesnt work at all... I tried to do that for all the different elements, but the failure is still existent. When I have filled more than one row, there is an other mistake happening. If I tap on a row, the datagrid selects the one below that row. That's only if one line is already selected. If I tap outside the datagrid and then, tap at any row the itemEditor of the right row will show up... Is there anything now wright in the setup of my set data method?
Both have single columns. Selecting one item from Divsions datagrid should display members of that Division in the Members datagrid. But following code has some problem and Members of a particular division do not show up when respective Divsion is clicked.
Following are some snippets of the related code. Hope someone can spot an error in it.
For poor performance reasons, the DataGrid will cache checkboxes and reuse them for different rows. If you have 50 rows, it won't create 50 checkboxes. It will create as many checkboxes at are visible, plus a few more for padding, and then reuse them as you scroll. This is why you need to explicitly manage their state. How can improve it ? How can fixed checkbox value ? i used checkbox like below But checkbox doesnot remembering the values
I am attempting to style the headers in a flex datagrid and I keep getting the warning:
Type DataGrid in CSS selector 'DataGrid' must be qualified with a namespace
What does this mean? I have gone through a bunch of tutorials and none of them have worked. It seems like changing a the colors in a datagrid should be relatively simple.
in Flex I have something like that: [code]and dg is ALWAYS pointing at DataGrid (even if dg1 has name DataGrid_test and dg2 = DataGrid_test2) and finally action is made on my first DataGrid (DataGrid_test).[code]and search still points at ColorColumn :/ My problem is really easy- I just want to pass to search different dataGrid on each state.But still I don't understand why it doesn't work. My search function uses algorhitm Boyer-Moor for searching through dataGrid.dataProvider for some text. If it find something then it is pushed into new array and after passing whole dataProvider I colorize rows with searched word.
In my application I'm using a canvas and repeater inside HBox it is Dynamic,..now I want to keep a horizontal scrollbar for the same, I may display more than 50 canvas addresses inside that Hbox and repeater.Here is my code:
I want to specify amount to scroll with VScrollBar. So in Flex 3 we have "lineScrollSize" but how this property called in Flex 4? I thought it VScrolBar.stepSize but it dose not do anything.I just whant my content to scroll faster on mouse wheel.
I have the following application and I am trying to put a scrollbar somewhere inside the TabNavigator, preferably on the innermost Vbox, but the scrollbar always ends up on the Panel. Is there some kind of property which controls this? I thought height=100% would have controlled it but it doesn't seem to work.[code]
I'm working on a Flex 4 application and I started customizing the interface with skins to give a whole new look.So, I've created two scrollbar skins in Flash Catalyst (one horizontal, one vertical).Its working great when I test the application through Catalyst so I took it and imported it on Flash Builder, copied the components and defined the new skins in my css file for the HScrollbar and VScrollbar.The skin is working, all the buttons are ok. But, the scrollbar isnt resizing for some reason. It remains in the same height I've designed it to be regardless of the content it is bound to.
It scrolls the content in all the ways it should be but it doesnt resize and the thumb isnt getting all the way down.Also I've noticed the following.I have a custom component acting as a list. It extends Group and contains a Scroller. So at one place of the application the Scrollthumb is getting lower than on another place where the same custom list is used.I also have to mention that this scroller works perfectly without a custom skin.
this problem affects my Flex 3 app when it is being viewed using Firefox for Mac. If the user drags the scrollbar then releases the mouse OUTSIDE THE BROWSER, the scrollbar doesn't get released and continues to scroll the content once the user rolls the mouse back over the Flex content. [URL]
I'm looking simply approach to prevent scale thumb within flex scrollbar'According to our wireframes we should display scrollbar without up-down arrows and cycle (without scale) as a thumb;
I am having some issues when trying to skin the scrollbar on a horizontalList with Degrafa. The scrollbar doesn't show up at all. I checked to see if the scrollbar is supposed to show up without the skinning, and it does.Here is some code:This is where I define the HorizontalList where I want a skinned scrollbar.[code]I am populating the HorizontalList with more items than are viewable, and like I said before the scrollbar shows up when I remove the skinning.
If a SWF file or even a component within it has scrollbars, wouldn't it make sense that if the user is hovered over that area (it's in focus) and uses the mouse wheel, that this movement would automatically translate to the scrollbar moving.Any ideas how this is done, the events or classes used for this? I'm open to outside components or classes too. I haven't started yet, but I'll do an item renderer because it's easy to give it scrollbar.
I've got an Horizontal List. It contains 6 XML Nodes at the moment. But what I'd like to do is remove the scrollbar so that an button can function to scroll through the nodes instead.
I want to hide/remove the up and down arrows from the scrollbar - how can i do that? the scrollbar is to fat - the skin i am using is not that fat. How can i make the scrollbar thiner.
I'm trying to display a custom component i made inside a panel but when it renders the content is displayed outside of the panel box and there's no scrollbar.a panelan instance of myComponent inside the panela button that calls a method on myComponent that adds some controls into itWhen i run the application and press the button the following is displayed:See that the controls added dynamically in myComponent get over the panel's bottom line instead of showing only the visible part of the component and a scrollbar.
I have a list but want to hide the scrollbar but still keep the functionality. If I put verticalScrollPolicy="off", this disables scrolling via the mousewheel on windows (100% of my users use windows). How can I hide the scrollbar visually but keep the ability to scroll via the keyboard as well as the mousewheel?