Limit of width ScrollView

Hi all

I have a CustomControl this QML-based:

import bb.cascades 1.0
ScrollView{
    scrollViewProperties.scrollMode: ScrollMode.Horizontal
    scrollViewProperties.pinchToZoomEnabled: false
    horizontalAlignment: HorizontalAlignment.Fill

    Container {
        verticalAlignment: VerticalAlignment.Center
        background: Color.create("#eeeeee")
        objectName: "ticker_container"
        layout: StackLayout {
            orientation: LayoutOrientation.LeftToRight
        }

        leftPadding: 30.0
        rightPadding: 30.0
        topPadding: 10.0
        bottomPadding: 10.0
            horizontalAlignment: HorizontalAlignment.Fill
            layoutProperties: StackLayoutProperties {
               spaceQuota: 1
            }
            Label{
            verticalAlignment: VerticalAlignment.Center
            text: "Results: "
            } 

    }
}

I add a lot of labels to the container by programming up to 81 in my tests.

The problem is that when I add more than about 40 labels, labels of begin to fill the clip of their text.

There is no limit the ScrollView width?

Hey
I have the same problem.
I add images to my display scrolling (scrolling view container), and after a certain number of inserts each image begins to shrink.
I discovered with viewableAreaChanged indicate that the maximum width of scrollview 16383 pixels (+/-1-2 pixels).
And I guess it's really limited.
Hope it's temporary.

Tags: BlackBerry Developers

Similar Questions

  • limit the width by changing the page template

    Hi all

    I'm trying to get my site looks like http://www.plsqlchallenge.com

    so I tried to limit the width of the content page by changing the default page template as follows:

    go to the components shared = > models

    Theme: 7 Blue modern

    Type: page

    Choose the default template: No. Tabs - right Sidebar (optional / based on a table)

    just before #FORM_OPEN # I added this:

    < div id = "DΘmarrer" style = "width: 970;" height: 100%; box-shadow: 0 0 20px #333333; border-radius: 10px 10px 10px 10px; background-color: #00FFFF; ">

    and just after I added #FORM_CLOSE #.

    < / div >

    I also played a little with the other divs (changed colours)

    I can't seem to get the right result

    Help, please

    KR

    Martin

    Martijnke wrote:

    Hi all

    I'm trying to get my site looks like http://www.plsqlchallenge.com

    so I tried to limit the width of the content page by changing the default page template as follows:

    go to the components shared-online models

    Theme: 7 Blue modern

    Type: page

    Choose the default template: No. Tabs - right Sidebar (optional / based on a table)

    just before #FORM_OPEN # I added this:

    and just after I added #FORM_CLOSE #.

    In CSS units must always be specified for dimensions (except if the value of the dimension is 0). This means that width: 970 is not a property is valid and it is ignored by the browser. You must use width: 970px; to the rule.

  • Limit the width of the list item

    Hi all

    I use Oracle Application express 4.2.
    I have change a number filed for select list and created a dynamic lov to it.

    the problem is that its width increases dynamically.
    means, if I have a value "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA.
    Width of the list will be the same length of the above "AAA...". ».


    How can I limit the width of the list item to a specific value? There is no such property for this it.

    Thank you.

    -Edit the item selection list.
    -Find the section 'Element '.
    -Enter the following value for the parameter "Attributes of the HTML Form element": style = "width: 100px;"
    -Adjust the number of pixels to your needs.

  • Limit the width of the columns in a report

    Hi all

    How we limit the column width in a classic report. I tried to give values for "Width of the element", which does not take effect.

    Thanks in advance

    Thank you and best regards,
    Vikas Krishna

    Vikas,

    There are two ways to do this, a here. Details of the column and add the following line to the Style CSS attribute:

    display:block;width:300px;
    

    Kind regards
    Dan

    http://danielmcghan.us
    http://sourceforge.NET/projects/tapigen

    You can reward this answer by marking as being useful or correct ;-)

  • Limit the width of a toolbar

    I have a horizontal toolbar with lots of buttons, which makes looking at the window where it is too broad.

    I would like that it doesn't grow any more than the default current width of the Panel where it is (I mean, the width of the Panel would be without the toolbar). If the toolbar should show many buttons can be allocated in this width and the arrows on the right would allow me to see the remaining buttons when required.

    I tried with:
    HBox.setHgrow(toolbarPane, Priority.NEVER);
    in the pane toolbar and the pane where the toolbar, but it did not help.

    Published by: be * on May 14, 2013 16:16

    Set the default width of the toolbar to a low value.

    In the example below, the scene ends by initially size to the default width of the textArea component as the default width of the textArea component is greater that the width by default of the toolbar and the resizable VBox root pane it calculates width is based on her child with the largest preferred width.

    @Override public void start(Stage stage) {
      ToolBar toolBar = new ToolBar(new Button("New"), new Button("Open"), new Button("Save"), new Button("Clean"), new Button("Compile"), new Button("Run"), new Button("Debug"), new Button("Profile"), new Button("Navigate"), new Button("Team"), new Button("Source"), new Button("Help"), new Button("Tools"), new Button("File"), new Button("Edit"), new Button("View"));
      TextArea textArea = new TextArea();
      toolBar.setPrefWidth(100);
    
      VBox root = new VBox();
      root.getChildren().setAll(
        toolBar,
        textArea
      );
      VBox.setVgrow(textArea, Priority.ALWAYS);
    
      stage.setScene(new Scene(root));
      stage.show();
    }
    

    This works because you actually prefer the toolbar to be smaller that the width that you want to display all buttons.

    Because the default width is small, if there is nothing else in the scene, the stage size to the default size of the toolbar, which has been explicitly defined in the example code above to just enough to display a button and the default toolbar overflow handler that displays the rest buttons on the toolbar.

    If there are other things on the stage and their default width is greater than the width by default of the toolbar, then the window of the toolbar will grow only to adapt to the default of other controls and (that you place in a resizable pane toolbar and toolbar is the resizable and no max width is located on the toolbar) the toolbar will be extended to just fill in the visible remaining width of the window and tools in the toolbar which do not match will be accessed by the default toolbar overflow Manager. If you have set a maxWidth on the toolbar, you would a behavior extension auto in the toolbar to fill an available beyond the max width area.

  • Width of Page muse on iPad/iPhone

    I know this has been asked before (and answered), but the answer did not work for me...

    The desktop version of the beta site seems good, but seen on an iPad or iphone (6) there is a gap, right of the page, about 10% of the overall width. All of the website just won't sit in the Center and fill the width accordingly.

    I checked the size of the page conforms to all pages - tick

    I checked there is nothing that appears beyond the edges on any page - tick

    (I hope) I've attached a screenshot of the iPad with the area boring highlighted with red chevrons.

    Any help in this very welcome because I have run out of ideas and time ticks on (it's beta site without content at the present time, but it must be done quickly enough)

    Thanks for any help.

    iPadScreenGrab.jpg

    The block of text at the bottom of the master page seems to be out of the limit of width of page.

    Therefore, if you change it to be in the width of the page, it should be fine.

  • width of readonly AF:selectOneChoice

    Hello

    I have a simple problem. My use case requires a form to have a selectOneChoice component. Sometimes it is editable, sometimes readonly. I set the width of contentStyle to 150pt and it works like a charm for combobox, but when it is in read-only mode it looks like an af:outputText and the selected value appears in the length in a single line. It is not acceptable for me the long value is superimposed on the other elements of my page.

    In short, I need limit the width of the component selectOneChoice with readOnly set to true. Ideally, the text would wrap onto multiple lines.

    I use JDeveloper 12 c.

    Thanks in advance,

    Tomas

    Oh,.

    I missed the part that you want to wrap the text.

    white-space: normal;

    Concerning

  • Simple Contact widget to scale to fit column-how low width

    I tried to put the simple contact of the widget library widget in a column, but the width is off.  I can't understand how to limit the width of the widget.  There must be a simple solution that I'm on.  Does anyone have an answer?

    Please take a look here:

    https://forums.Adobe.com/message/5241505

    Thank you

    Sanjit

  • How to create a column width fixed in an interactive report 4 APEX?

    This thread is a continuation of {message identifier: = 9191195}. Thank you fac586.

    Partial success: the following code provided by fac586 limit the width of the column of the Apex 4 interactive report as long as the data in the column contains a white space in a browser Firefox 3.6:

    < pre class = "jive-pre" >
    < style type = "text/css" >
    e #T_DESCRIPTION {}
    Width: 300px;
    }
    TD [headers = "T_DESCRIPTION"] {}
    Width: 300px;
    dressing: break-Word;
    }
    < / style >
    < / pre >

    Notes:
    1. the above code is placed in the HTML header for the page section.
    2 T_DESCRIPTION is defined as VARCHAR2 (2000).
    3. the above code works in Firefox 3.6.12 browser but does not work in the browser Internet Explorer 7.0.5730.13.

    I tried to add "float: left;":

    < pre class = "jive-pre" >
    < style type = "text/css" >
    e #T_DESCRIPTION {}
    Width: 300px;
    }
    TD [headers = "T_DESCRIPTION"] {}
    Width: 300px;
    dressing: break-Word;
    < font color = "red" > float: left; < / police >
    }
    < / style >
    < / pre >

    Notes:
    1 "float: left;" requires no white space and successfully splits the column between the characters instead of whitespace.
    2. "float: left;" reduces the height of the cell and allows the page to show through... could not determine how to solve this fundamental problem.
    3. the above code works in Firefox 3.6.12 browser but does not work in the browser Internet Explorer 7.0.5730.13.

    I've did some more research, but I've yet to discover how to create a fixed-width column in an interactive APEX 4 report that displays correctly in Internet Explorer 7 browser.

    Ideas and help will be appreciated.
    what theme are you using?

    A customized version of the 15 theme.

    You said you were using APEX 4.0, if I was testing on 4.0, but using one of its new themes based on the standards. 15 theme is a theme of legacy from older versions of APEX, mainly to ensure a certain level of support for the despised IE6 browser. The new themes are designed to restore mode standard and those inherited mode quirks (This is explained here). Firefox (and Safari, Opera and Chrome, and...) for your application, it's academic: all the required CSS: selectors attribute, the property max-width and dressing work in two modes.

    Enter Microsoft. They decided that in IE7, backwards compatibility meant that new CSS features would be supported only in standard mode, even if they had never been implemented in older versions, with no previous, behavior that may break. Go figure. Yes, even so the dressing will work in quirks mode (no surprise - Microsoft invented), attribute selectors, and max-width only. The latter is bug in standard mode, so I tried using widthworkaround, but who has always used an attribute selector, which of course is ignored, there are no selectors of friendly quirks mode in uneditable Oracle IR of supplement.

    The best 2 options are:

    1. stop using IE.

    2. use a theme based on standards.

    Less satisfactory would be:

    3. change your theme custom (or some of its pages) in standard mode (but it could break him other stuff).

    4 throw some JavaScript to fix the problem (I'll sleep on this one).

  • Setting width of objects while turning

    Hi everyone, just this problem is going to be really hard to explain without being able to show you exactly what I mean, but I'll do my best and if I confuse you so please tell me!

    I am working to set up a game at the present time that is similar in many ways to the mini-golf (or mini-golf, depending on where you come from). It shows a side view and play the user must select the ball by pressing the mouse, and then drag the mouse to indicate the direction that they want to shoot the ball in. The distance that they drag the mouse (it has a limit of course) determines the power of their shot.

    I currently use a triangular object with the point placed in the center of the ball to show the user the direction they have chosen. This triangle turns to deal with the position of the mouse, and I am trying to lengthen/shorten the distance between the mouse and the balloon-based. I have the code in place (below) that works when the mouse is either left or right side of the ball, but has rather strangely when the mouse is above or below the ball. When the mouse is in one of the last locations, the triangle extends to be much greater than the maximum length allowed by the program, but a trace shows that it is still within acceptable limits! You can see what the problem is here? I almost start thinking that Flash is switching the attributes 'width' and 'length' autour when the object rotates of 90 or - 90 degrees!

    The code I use is:

    If (ballSelected)

    {


    trajectory.rotationZ = Math.atan2 ((mouseY-ball.y), (mouseX-ball.x))*180/Math.PI - 0.3;)
    var tipPos:Point = new Point (trajectory.x, trajectory.y); The position of the tip of the triangle
    var mousePos:Point = new Point (mouseX, mouseY); The position of the mouse
    Trajectory.Width = methods Point.distance (mousePos, tipPos); Need sorting
    trace ("affecting width:" + trajectory.width);
    If the maximum size of //Limit (trajectory.width > 200)
    {


    Trajectory.Width = 200;


    }

    }

    Here are a few screenshots of the game as it is also - please do not laugh at the art of the horrible placeholder currently: none of this is final haha (note also that I did not implement 'gravity' yet, so everything is sort of glide through the air.) The first image shows the code works as I want what it with the triangle to its maximum width, the second shows the triangle's "enormous."

    GameWorking.png

    GameNotWorking.png

    Yes, it seems that there is something wonky with the width property. However setting the scaleX property seems to work for me. I'm not sure why you are simply by changing a single dimension of a movieclip to represent a "trajectory", but it seems to work for me:

    var path: MovieClip;
    var ball: MovieClip;

    Trajectory.x = ball.x;
    Ball.y = trajectory.y;

    stage.addEventListener (Event.ENTER_FRAME, rotate);

    function rotate(e:Event) {}
    Trajectory.rotation = Math.atan2 (mouseY - ball.y, mouseX - ball.x) * 180 / Math.PI;
    var dx:Number = mouseX - trajectory.x;
    var dy:Number = mouseY - trajectory.y;
    var dist:Number = Math.sqrt (dx * dx + dy * dy) / 200
    Dist trajectory.scaleX =<2 dist="" :="">
    }

    You can use the Point class to determine the distance, but I think it could be faster.

    I'd probably actually use the drawing api to draw the triangle that I wanted, but since I don't know exactly what you are trying to accomplish...

  • Proportional column width vs fixed tables (conversion of Ventura)

    Hello, all! I'm busily conversion (Finally, rebuild is a better word) Lighthouse weekly newsletter of our company publication of Ventura 10 for InDesign CS4 (PC version), while learning InDesign on the fly. About half of the publication resumed with tables of prices of 1,600 price guide. I read what I can on the tables, because they are so essential to our production process, and I quickly (sometimes 15 minutes of approval of copy/final price to get the file to the printer or emailing to subscribers).

    My question: am I right that there is no way to set a proportional column width in InDesign? In Ventura (for the non-Venturians there), I can set one of the columns as proportional. Then I can set the columns where I don't want the width to change as fixed and define the width of each separately (left column is 2, 11.900pp, a gutter is 0.6, etc.). Table resize all proportional columns, and the table is set up to fill the frame in which it is.

    I find I have to resize the columns individually, just as the word and then try to make sure that the entire table extend beyond the frame. I also find that I can not select noncontiguous columns to set them to distribute columns evenly. Since I rarely proportional columns right next to each other, I can't use this feature, most of the time.

    I want to just make sure that I only am not missed something as a novice to InDesign. In the example below, the columns 1, 5, 6 and 10 are proportional (in color, so they can be easily seen here). Then I size just the width of these columns, and everything else set proprtionally with a width equal to fill the frame. Any way to do with InDesign?

    Thank you! -Nancy

    7-16-2009 2-59-34 PM.png

    Unfortunately, no. Miss me also the proportional column width.

    As you discovered, Indesign does not limit the width of the table in the width of the frame. So even if there was a setting to "fill the remaining space", it wouldn't work because Indesign is not a way to know what is the remaining space.

    Ken

  • verticalfieldmanager will not be available to the child

    private VerticalFieldManager vfm = new VerticalFieldManager( Manager.VERTICAL_SCROLL | Manager.VERTICAL_SCROLLBAR | Manager.FIELD_HCENTER) {
    
            int width = Display.getWidth();
            int height = Display.getHeight() - 80;
    
            public void sublayout(int maxWidth, int maxHeight) {
                super.sublayout( width, height);
                int bagi = (Display.getWidth() - this.getField(0).getWidth()) / 2;
                Field field = this.getField(0);
                setPositionChild(field, bagi, 0);
                setExtent( width, height);
            }
        };
    

    I had a display issue of the provision of the child for verticalfieldmanager.

    available to the child focuses not horizontal on the Manager when creating a fixed size for the Manager.

    someone knows the solution?

    setpositionchild will not solve the problem.

    This code, I think he need to better understand what a Manager should do in the sublayout and the constraints that it works under.

    Let's look at your code:

    ' public void sublayout (int maxWidth, maxHeight int) {}
    Super.sublayout (width, height);
    bagi int = (Display.getWidth () - this.getField (0) .getWidth ()) / 2;
    Field = this.getField (0);
    setPositionChild (field, bagi, 0);
    setExtent (width, height);
    }

    There are a lot of points to note, please bear with me:

    You specify your Manager with Manager.FIELD_HCENTER.  It's trying to tell the Manager you add this in (call it the father Manager), that this child, the Manager must be centered horizontally.  So the father will help this child Manager, then determine how wide the child Manager, then to determine the width of the father is the Director and finally position the child in the Center Manager.  Here, the assumption is that this Manager will have limited space on each side.  If she has in fact that, will depend on the type of Manager, and other fields in it, and how have specified you them.  But this setting in itself might solve your problem.  The fact that it is not suggests there is another problem elsewhere.

    Note that the space provided for the Manager is the maximum that he can use.  As you try to limit the width and the height, in case you, the area you have to play with is bounded by

    (1) a minimum of maxWidth and Display.getWidth () - 80, width and

    (2) minimum of maxHeight and Display.getHeight)

    You should check this before using a value for your treatment.

    You call super.layout (), then actually ignore everything he does, except that it will be layout all fields, this value must be precise:

    this.getField (0) .getWidth)

    But what we don't know is how you asked that area be set up.  For example, they say this field of USE_ALL_WIDTH.  In this case the value of bagi was 0 and means that this Manager cannot hope 'centre' field.

    I recommend that you consult these KB articles for more information on how to program manager.

    http://supportforums.BlackBerry.com/T5/Java-development/create-a-custom-layout-manager-for-a-screen/...

    http://supportforums.BlackBerry.com/T5/Java-development/how-to-extend-Manager/Ta-p/446749

    In this particular case, you can actually Center a field in a fair value for money using the FIELD_HCENTER style.  If it does not, then it is probably a problem with the field as an EditField who always takes the entire width.  You will not solve this using your own.

    In addition, in this case, we can actually solve this problem for you.  You can debug this further and determine exactly why the field is not being centered.  Is it because bagi is 0 for example?  I hope that knowing that you will have to review the articles once again will help to debug this.

  • How to horizontally align two option buttons?

    Hello

    I try to add two radio buttons at my request. Is there an easy way to align two boxes horizontally on the screen without using the gridFieldManager?

    Thank you.

    My code

    Rbg RadioButtonGroup = newRadioButtonGroup();

    Add (new RadioButtonField ("AAA", rbg,true, RadioButtonField.FIELD_VCENTER));

    Add (new RadioButtonField ("BBB", rbg,false, RadioButtonField.FIELD_VCENTER));

    There is also a universal thing, solve the problem.

    You can limit the width of any predefined field (for example RadioButtonField) using the following simple page layout override:

    protected void layout(int maxWidth, int maxHeight) {
      super.layout(Math.min(maxWidth, myDesiredWidth), maxHeight);
    }
    

    Since the fields created by RIM meekly obey the limits passed for them (unlike many custom fields, I see here in the forums ), this will limit the width of your RadioButtonField and let the other have little place in the same HorizontalFieldManager.

    Good luck!

  • Added drop-down list for the title bar

    Hi - I want to add a menu component from the 'title bar ' of my application.  Something very similar to that implemented in the Poynt application.

    I already gave up to use something similar to setTitle and have a horizontalFieldManager added to my request before I add a vertical Manager.  First, I added a label to my horizontal Manager field and that works fine, but when I tried (to test) to add an ObjectChoiceField he appeared on the next vertical row, not next to my text.  I'm quite lost when it comes to customize aspects of the UI of my BB apps.

    I suspect that the problem here is that, by default, the ObjectChoiceField will use the entire width.  You should limit its width, by substituting the layout and getPreferredWidth for the ObjectChoiceField.  Memory, a LabelField, will ask only for the width it needs.

    Here is an example that puts a DateField and an ObjectChoiceField in the title area.  I hope you can rework to meet your requirement.

    HorizontalFieldManager hfm = new HorizontalFieldManager();
    hfm.add(new DateField("Some Text: ",  System.currentTimeMillis(),
                    DateFormat.getInstance(DateFormat.TIME_DEFAULT)) {
        public int getPreferredWidth() {
            return 150;
        }
        protected void layout(int width, int height)  {
            super.layout(getPreferredWidth(), height);
        }
    });
    hfm.add(new ObjectChoiceField(" ",new String[]{"some", "text"} ));
    setTitle(hfm);
    
  • How to make this layout in blackberry

    This screenshot have three editfield I want to do this type of blackberry screen. In the editfield, he should have # in starting and * at the end and it should not be removed on back press.

    The best way to do it is to have the entire field as a HorizontalFieldManager.  This will contain 3 fields, a LabelField to display the ' # ', an EditField and an another LabelField to display the *.

    For the two LabelFields that you will replace object to set the color you want, and then call the super.paint ().

    The trick is the EditField, which, by default, will have plenty of space, it is given.  You should limit its width to make room for the * at the end.  The best way to do this is to replace the sublayout() in the HFM and actually ask the fields yourself.  Here are two KB articles that will help you to do this:

    http://supportforums.BlackBerry.com/T5/Java-development/create-a-custom-layout-manager-for-a-screen/...

    http://supportforums.BlackBerry.com/T5/Java-development/how-to-extend-Manager/Ta-p/446749

    There are other ways to do it, but I think this approach is more flexible.

    Good luck.

Maybe you are looking for