List of scrolling/sizing question

I had a lot of trouble with a list item, so I will describe it here.

Basically, I'm doing a list that displays HTMLText.  The list is part of a NavigatorContent with a vertical layout, and he could get resized vertically or horizontally at any time.  I'm having a ton of problems - sometimes the scroll bars only scroll to reveal some content and resizing causes all sorts of problems.  Here's my implementation currently:

<!--Inside a NavigatorContent with a vertical layout-->

     <s:List id="dirList" width="100%" height="{container.height-dirList.y}" change="dirListChange(event)" itemRollOver="rollOver(event)"  itemRenderer="DirectionsListRenderer" alternatingItemColors="[0xffffff,0xf9f6ff]"/>

My item converter is fairly simple:

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                xmlns:s="library://ns.adobe.com/flex/spark"
                xmlns:mx="library://ns.adobe.com/flex/mx"
                autoDrawBackground="true">
    <mx:Text width="90%" htmlText="{data.descriptionHtml}"  />

</s:ItemRenderer>

I tried to play with different properties does not.  Any help would be appreciated.

Try to set the width = '100% ' on the rendering engine as well

Tags: Flex

Similar Questions

  • Where is the list of all the questions I ask myself?

    Hello

    I did not use the community forums for a long time and I've noticed that things have changed and so I looked around to familiarize myself with the things again.

    However, I find is no longer the list of questions I have asked over the years and would love to be able to access them again if possible.

    Does anyone know that that they have been removed? Or if there is a way I can find my questions?

    Really appreciate your time and your help.

    Thank you!

    Click on your post: where is the list of all the questions I ask myself?

    Click on your name in blue at the top of your message

    Click on content in your profile under your photo and a little left.

    You should see a list of your messages.

  • s:list and scroller does not properly

    Maybe I'm clumsy, but when the data in a list is too long and a scroll bar appears, we should expect the thumb of the scroll bar to scroll all the way down when you want to get at the end of the list, right?

    Example + View Source here:

    http://thebouv.com/Flex/chilly/

    Reduce your window if you need to make the list of control will have a scroll bar.  Now at the bottom of the list.  Scrolling is not behaving as it should, but I don't know why.

    I didn't look at your code.  It depends on the situation, but the

    more sizes, you can fix so that the height does not depend on width and the width

    and height are not data that's not happened yet, the best this

    will be.

  • How to control of the screen with a list of scroll-able patch?

    It's probably something simple I'm missing.

    I would like to have control of the screen that displays a scroll-able list of all patches in my Concert.

    Usually, our band adheres to the order of our list, and I can increment/decrement my way through the list.

    But there will always be exceptions for last minute or queries or other changes.

    I would like a list scroll-measurement of the patches with visible in large enough performance mode fonts so that I can find and select in the right order quickly, without going to Edit mode and set my old eyes strain to try to read the list of the patches.

    I found this post looking for an answer to the same question, so I'm probably not much help (it would be really nice to scroll the list of patches with a hardware cursor!).

    I play in a band where the set lists change constantly (or we take queries on the fly), so I just keep all my patches (i.e. song titles) in alphabetical order. A little something (you may already know), is that if you are in 'Edit' mode, type the first letters of the name of the patch to it.

    I suspect it's one of those situations where there no place for developers some weird people would actually over a hundred patches in a concert.

  • Problems of huge performance with the list of scrolling on the Playbook (especially Air applications)

    Hello

    It is more of a general question but also for the development of Air for the Playbook and other devices BB10.

    My Playbook has huge performance problems when it comes to scrolling lists.

    And this problem exists with almost all applications (not the ones that I have developed).

    For example, take a look at the app NTV - such its bad, its almost unusable because it's so late when scrolling lists.

    I don't know how this app was developed, but I guess it's Webworks or Air.

    You can see this delay also in the official app of Facebook: it's the same poor performance when it comes to scrolling.

    I guess this Facebook app is also WebWorks or Air.

    So Air or usable at all WebWorks?

    This performance is not fun, and it has no sense to develop applications with this platforms if these performance issues are of type platform.

    Now, my question is - is it true that the only platform that "really works at all" (about performance) is the native "platform"?

    Or is it a problem in the current version of the Playbook OS?

    Else you have noticed that this operation met during the scrolling of lists?

    Thank you

    Bullety

    It's a question AIR, specifically made software. All of the applications you listed are AIR. Try something like Scrapbook, and you see things how smooth can be (waterfalls).

    I saw not the same problems when using WebWorks with Sencha Touch. It is also quite possible to make things smooth in the NDK with waterfalls, but it's only for BB10 (for developers non - RIM). So cannot use it PB BB10 release (end of 2012).

    I also note that the new fuse QNX user interface components are much smoother than conventional QNX UI components. If you use make sure you air that you use.

  • Great list of 'How To' Questions

    I am a newbie to iTunes learn the tricks of the trade, and I learned a lot of ed2345, who led me to still more questions:

    1. a few songs that I managed to acquire have nothing in the kind column. So that this information will be available on the impressions of my playlists, is there a way I can key this information in me?

    2. I was unhappy to see small numbers began to appear to the left of the names of my songs, and I'm sure that must have been added when I said to organize my library. Is there a way I can get rid of them now?

    3 re the small icons 'cloud' next to my name of the song: one with the line through it saying "duplicate". If I delete one of them, I will always have it on my PC? (This whole business of some things being only in iCloud I do not understand yet.)

    4. a few other icons 'cloud' have an exclamation in them, which means that it is not able to be downloaded to iCloud due to an error. In all cases, there are an extra copy of the file in my library. Is this the reason why it didn't download?

    5. I'm fighting a lot to try to understand how certain things can be on iCloud and others do not. I mainly paid my $25 to Match service so I could keep transfer my playlists (and songs) to other computers on my LAN House (at this point, I don't have an iPad, iPhone or etc..). Now, I noticed that in the preferences that I can share my share my library on my network, which is an Ethernet wired with 4 PC and a Mac. If I check that box library share will I still game?

    6. on the other hand, if I want to share a playlist with a friend who has iTunes, I would want to use game for this?

    7. Finally, I know especially with PCs; I just bought the Mac this month. I find it there any equivalent to the files of Microsoft Explorer, except on an external hard drive, I connected to it. Specifically, I can't find the directory structure accessed by iTunes - a feature that could be very useful for me, for example in the collection in a single folder the files of one kind or a particular type (for example MP3). We're not supposed to do that?

    I hope that the answers to these questions will be useful to others, too.

    Thank you.

    1. You can use Get Info and enter the relevant information yourself. Select the album or the titles you want to edit and press CMD + I (Mac) or Ctrl + I (Windows).
    2. You see these numbers in a separate column in iTunes or in the name column, or in the Finder? ITunes is generally tracks numbers which are useful for playback of tracks in an album in the correct order. In some cases where the unmarked files are imported into iTunes, for example those in .wav format, numbers in the file name will become the name of the track in iTunes and other properties such as artist or album will be missing.
    3. See on iCloud library icons and status - Apple Support. If your support is not entirely possible that different versions of the same track are treated as duplicates so that they should not be. If you have duplicates real then they should be cleaned.
    4. Once again see on iCloud library icons and status - Apple Support. This indicates an error with a load of attempt.
    5. iTunes game is a great service if you want to replace any old purchases DRM with DRM 256 k new releases, like on the continuous access go to the entire library of your iOS devices or keep libraries iTunes on two remote sites in sync without manually copying files to and from portable hard drives. If the goal is simply to move a library from one computer to another, it's usually better achieved by copying the folder iTunes set to a portable player and then copying it in the new computer. A network share can also be used.
    6. You can't easily share a playlist with a friend. Normally iTunes playlists are sorted in lists of references to tracks in your library. They work only import if all the tracks already exist in the same paths that stored in the list. Having said that this is something which can be done in a certain measure with music from Apple, because each user has access to a common library of streaming content from the iTunes Store and their rights to listen to it.
    7. Equivalent of the Mac of the Explorer Windows is called Finder. It should be pretty easy to find. Macs are more lenient if you move the files in the same volume, but usually don't. Let iTunes manage physical files on disk when you store the logical organisation within the library. See make a split portable library for images of the typical presentation of the iTunes library. The images come from Windows, but the General layout on a Mac is the same.

    TT2

  • 'Ctrl + End' keyboard shortcut does not work as expected. I tried safe mode. does not move the tab to the end of such specified list, just scroll to the end of the page.

    According to http://support.mozilla.com/en-us/kb/keyboard+shortcuts,.
    'Ctrl + End' should move the active tab to the end of the list of tabs.

    But the shortcut does not work. Only, it scrolls to the end of the current page as if only "End" is pressed.

    I tried the mode without failure of firefox and closed all other open programs.

    What to do to debug this problem?
    or may there is a bug in firefox somehow?

    See the post of dao in this MozillaZine forum thread: http://forums.mozillazine.org/viewtopic.php?f=23 & t = 1304895

    Add code to userChrome.css below @namespace.

    See http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
    
    .tabbrowser-tab[selected="true"] {-moz-user-focus: normal !important;}
    
  • effective horizontal lists with scroll

    Hello

    I have a group of images which I want to display in a horizontal list, the size of the list will vary depending on what option a user selects.

    However, I'm not sure of the best way to implement a list if I have a large number of images to provide an it, therefore generating a lot of areas that need to be drawn.

    My idea of making the effective list:

    -Store the images in a circular table.

    -Display the first 3 images on the screen in3 views that are visible to the user (for example <-- img1=""  ="" img2=""  ="" img3="" --="">)

    -Keep a record of what is exposed...

    -When a user scrolls left or right the next/previous image in the table is displayed.

    For example scrolling right once will give me ( <--  img2=""  img3="" img4="" --="">)

    For example scrolling left 3 times from the point above will give me ( < --="" img(n-1)=""  img(n)=""  img1="" --=""> )

    and so on...

    What would be the best way to do what above, or are there better ways?

    I would be grateful if someone could direct me to the relevant documentation, methods of the api should I use as well.

    Is there already a method in the api that can recycle the views in the same way...?

    I would be grateful for any help.

    Thanks in advance.

    Answer:

    PictureScrollField:

    "A slider component that draws a line of images that can be the object of one scroll from side to side using the trackball or touch gestures. The images drag horizontally to align the focus vertically centered image. Images decelerate they approach their new position to give a lively effect. There are also several configurable effects to highlight the image update.

    All images are awarded the same amount of space on the cursor (as defined by imageWidth of the manufacturer and the imageHeight settings). Images may differ from this size, in which case the scroll field behaves as follows:

    Images are NOT resized. If they are larger than the allocated drawing area they are center aligned and cropped to fit the allotted area. If it is smaller than the drawing area allocated, they are centered in the allocated area. »

    From: BlackBerry API 5.0.0

  • Adding items to the QNX list without scrolling

    Is it possible to update the items in a list of qnx without scrolling of the list in article 1?

    I have a list of qnx that retrieves its list items in a stream, and if the list item has been scrolled, beyond every time that I update the dataprovider, it automatically reloads the list with 1 point on the screen.

    HM sounds quite interesting. what I would do is to find something to defines a set of data apart from others and makes every single tweet. There is probably an ID of the API or something. then id have a separate table, keep track of all the IDS in your current list. from there whenever u 'referesh' you can check if you got the identifiers in the new list differ from your current table of ID. If they are separately add each individual tweet of the new incoming list using the addItem() method instead of reset your entire dataprovider. hope that helps some. Good luck!

  • drop-down list's scroll bar

    I am new to livecycle and have created a drop-down list on a form. 9 elements have been added to the drop-down list.

    However, when I open the drop-down list only a few items are displayed and no scroll bar appears.

    Y at - it a setting or a property, should I change to show the scroll bar and additional items.

    Thanks in advance.

    I created the form using a template. I recreated the template and imported and the combo worked as expected.

  • How to define data lists to scroll automatically in a jsf page?

    There is a requirement that data lists (extracts from the database) scrolls automatically in the region within a jsf page as a list of names of actors/actress will be shown and scroll at the end of a movie.

    Is there an easy way to implement it in jdev 12.1.2?

    Thank you.

    This is a great feature of continuous scrolling in tables in the ADF. (However, it is a characteristic of af: listView instead of af: jdev12.1.2 table?)

    Blog I've posted in previous answer was talking af:table and not af:listView.

    My first use case is different:

    This is data auto scrolling on the screen without user interaction.

    I got the impression that you're talking about that.

    Maybe you can use af:poll and call next() operation.

    Or you can try with AdfRichTable javascript api: http://jdevadf.oracle.com/adf-richclient-demo/docs/js_docs_out/index.html (I see methods like scrollToRowIndex(), but I don't know exactly how you can use it)

    A related use case is image slideshow:

    There are several images to shown but one for once, and the images can be shifted to show in turn automatically.

    Is the carousel component more af:poll be a good solution for this requirement?

    Yes, carousel will be the appropriate component.

    You can use af:poll (ADF 11 g: carousel goes round and round (... and round and..)-AMIS Technology Blog), or javascript to do the rotation (componentCarousel with autospin |) ADF recipes)

    Dario

  • Newly inserted row in Table not visible until scroll us - question of ease of use

    Hello

    JDeveloper 11.1.1.5

    I have a table in a page and an Add button which will add a new row in the table.
    I just add the line before the current line.
    After you have added the line, I put new line on the current line in the View object.

    When there are a number of lines in the table and we have a scroll bar on the table to display the rows preceding and following, the question of ease of use, I am facing.

    Steps to follow:
    -Select the first row in the table
    -Scroll downwards several times so that the first line is not visible in the table
    -Added a new line

    This will add the line before the first line, but the problem is we cannot see it as the selected active line and is not ready for data entry.
    Users need to scroll upwards or downwards to find where the row is inserted.

    Is there a way we can set the focus on a particular point on the new line in the table?
    Or is there a way that we can make the new line to shown during creation, regardless of the current visibility of the rows in the table?
    Or can we get handle for the current line or any component of the current line so that we can try to set the focus?

    I observed the same behavior in the ADF components demo
    http://jdevadf.Oracle.com/ADF-richclient-demo/faces/components/table/updateableTable.JSPX

    Thanks for any help
    Concerning
    Sameer

    >
    Or is there a way that we can make the new line to shown during creation, regardless of the current visibility of the rows in the table?
    >
    try to set the property DisplayRow of the selected table

  • Spark list disable scrolling

    Hello

    I use a list and I disabled the scrollpolicy und allowed drag-and-drop hole stuff.

    The visible lines are smaller than those already existing.

    Problem when I try to drag - move a list item that I could scroll through the content of the hole in the list.

    I want to DΘsactiver the effect of scrolling.

    How would I do that?

    Thanks for any advive and cordially

    I don't know if it is the best way to do this, but what the scroll change position prevent changes:

    <>

    "xmlns:FX ="http://ns.adobe.com/mxml/2009"

    xmlns:s = "library://ns.adobe.com/flex/spark".

    creationComplete = "init ()" > "

    Import mx.events.PropertyChangeEvent;

    Import mx.managers.DragManager;

    private var storedVSP:Number = 0;

    private function init (): void {}

    List2.dataGroup.addEventListener (PropertyChangeEvent.PROPERTY_CHANGE, handle);

    }

    private void handle(e:PropertyChangeEvent):void {}

    If (DragManager.isDragging & e.property == 'verticalScrollPosition') {}

    trace ("verticalSrollPosition try to go to ' e.newValue," change to ", storedVSP");

    e.target.verticalScrollPosition = storedVSP;

    }

    }

    private function storeCurrentScrollPosition (): void {}

    storedVSP = list2.dataGroup.verticalScrollPosition;

    }

    ]]>

    [0,1,2,3,4,5,6,7,8,9]

    [0,1,2,3,4,5,6,7,8,9]

  • Disable the Flex list auto-scrolling drag away on

    Hi people,

    I have a list, which is dropenabled. I can able to remove the contents of a container to this list. I want to disable the auto scroll option when dragover on this list. Please send your ideas to solve this problem.

    Thanks in advance.

    With respect,

    Arun Ganesh P.

    HY,

    I had the same problem and found this workaround:

    You can disable automatic scrolling by creating your own component and by substituting the dragScroll() method:

    NoDragScrollList.as

    package {}

    Import mx.controls.List;

    SerializableAttribute public class NoDragScrollList extends list

    {

    public void NoDragScrollList()

    {

    Super();

    }

    Protected Overrides function dragScroll (): void {}

    do nothing

    }

    }

    }

    Solved my problem.

    Hope this helps,

    J.LESS

  • A little stuck on the list view scrolling direction

    I'm probably going crazy or something, but trying to get my item LIstItem to display and scroll from left to right (based on the code Tutorial by Rodger).

    Now, as shown below, it works as expected, scrolling up and down, but once I have change orientation: orientation or LayoutOrientation.LeftToRight: LayoutOrientation.RightToLeft it disappears completely.

                        layout: StackListLayout { orientation: LayoutOrientation.TopToBottom }
    
     Container {
                    property int pageShown
    
                    onCreationCompleted: {
                        listView.scrollToItem([0], ScrollAnimation.Smooth)
                    }
                    opacity: nightMode?0.8:1.0
                    id: tutorialContainer
                    layout: DockLayout {}
                    horizontalAlignment: HorizontalAlignment.Center
                    maxHeight: 500
                    verticalAlignment: VerticalAlignment.Top
                    background: Color.Black
                    ListView {
                        id: listView
    
                        property int deviceWidth:  pixelWidth==""? originalPixelWidth: pixelWidth
                        property int deviceHeight: pixelHeight==""? originalPixelHeight: pixelHeight
    
                        property variant background: tutorialContainer.background
    
                        dataModel:_pinnedVideos.dataModel
                            //XmlDataModel { source: "asset:///streamTutorialModel.xml" }
                        layout: StackListLayout { orientation: LayoutOrientation.TopToBottom }
                        flickMode: FlickMode.SingleItem
    
                        function updatePageShown(page) {
                            tutorialContainer.pageShown = page
                        }
    
                        listItemComponents: [
                            ListItemComponent {
                                type: "item"
                                Container {
                                    id: itemContainer
                                    layout: DockLayout {}
                                    onCreationCompleted: {
                                        console.log("fff" + ListItemData.page)
                                    }
                                    preferredWidth: itemContainer.ListItem.view.deviceWidth
                                    preferredHeight: itemContainer.ListItem.view.deviceHeight
                                    attachedObjects: LayoutUpdateHandler {
                                        id: luhPosition
                                        onLayoutFrameChanged: {
                                            if (luhPosition.layoutFrame.x >= - itemContainer.preferredWidth / 2 && luhPosition.layoutFrame.x <= itemContainer.preferredWidth / 2) {
                                                itemContainer.ListItem.view.updatePageShown(ListItemData.page)
                                            }
                                        }
                                    }
                                    Container {
                                        layout: DockLayout {}
                                        horizontalAlignment: HorizontalAlignment.Fill
                                        verticalAlignment: VerticalAlignment.Fill
                                        ImageView {
                                            imageSource: ListItemData.artWork
                                            horizontalAlignment: HorizontalAlignment.Center
                                            verticalAlignment: VerticalAlignment.Center
                                            maxHeight: itemContainer.ListItem.view.deviceHeight * 0.7
                                            maxWidth: itemContainer.ListItem.view.deviceWidth * 0.7
                                            scalingMethod: ScalingMethod.AspectFit
                                        }
                                        Container {
                                            horizontalAlignment: HorizontalAlignment.Fill
                                            verticalAlignment: VerticalAlignment.Top
                                            opacity: 1
                                            background: itemContainer.ListItem.view.background
                                            Label {
                                                text:ListItemData.videoTitle
                                                multiline: true
                                                horizontalAlignment: HorizontalAlignment.Center
                                                textStyle{
    
                                                    fontSize: FontSize.PointValue
                                                    fontSizeValue: 10
                                                    base: SystemDefaults.TextStyles.TitleText
                                                }
                                            }
                                        }
    
                                    }
                                }
                            }
                        ]
                    }
                }
    

    I never got the hang of things UI in Cascades, any help would be appreciated

    Ah, that explains it.

    I looked at your code, can't really see something that would make a huge difference to my own, it's confusing to me, just completely disappears when I want to use LeftToRight :/

Maybe you are looking for