Components layout

Hello

I have 3 grids on my screen. I want that little space between them. How do I get it.

    private GridFieldManager setupGrid(int grid) {
        GridFieldManager gfm = new GridFieldManager(new int[] {110, 150, 50}, 110, 0);
        gfm.setBackground(BackgroundFactory.createSolidTransparentBackground(Color.VIOLET, 100));
        gfm.setBorder(BorderFactory.createRoundedBorder(new XYEdges(2, 2, 2, 2), Color.BURLYWOOD, Border.STYLE_SOLID));

        btn[grid] = new ButtonField(">");
        btn[grid].setFont(btn[grid].getFont().derive(Font.BOLD, 14));

         GridFieldManager ffm = new GridFieldManager(1, VerticalFieldManager.FIELD_VCENTER | VerticalFieldManager.FIELD_LEFT);
        ffm.add(addNameLbl[grid]);
        ffm.add(new LabelField(" "));
        ffm.add(addEmailLbl[grid]);

        GridFieldManager fm = new GridFieldManager(1, VerticalFieldManager.USE_ALL_HEIGHT |VerticalFieldManager.FIELD_VCENTER);
        fm.add(btn[grid]);

        gfm.add(photo[grid]);
        gfm.add(ffm);
        gfm.add(fm);
        return gfm;
    }

I have in my constructor

Add (setupGrid (0));

Add (setupGrid (i));

The grids in this way are added on the screen. all grids are attached to eachother, I want a space between them.

If I want to apply object in my class that extends the screen, how can I do it? Will be adding componetns in painting & defining his x. locations help by showing the application in any model, I want to say resolution - issues of the size of the screen.

What is the best way & how to do it?

If I use JDE 4.7, but I want to make the application available for a wide range of models, so I guess that I should concentrate on making it compatible with 4.5.

Thank you

Oh, I found the solution to my problem & am really happy with all those who have added articles and demo.

Thank you

Tags: BlackBerry Developers

Similar Questions

  • Mirror and rotation of whole groups of components layout

    How it is possible to rotate or whole groups of mirrored components? If you select a group of components and apply the mirror or rotation on each component group feature is mirrored or rotated separately and not as a group.

    Hi Nils,

    It is not really possible.

    If you enable a group of components and try to turn, each component will be rotatet for herself and not as a group.

    Other customers also wanted him have changed, they have created a post in our forum for the exchange of idea.

    http://forums.NI.com/T5/additional-NI-software-idea/MultiSIM-12-0-rotate-a-group-of-components-inclu...

    If you like this idea a cudos and write an own post in this forum. If you have enough fans, our R & D will try to implement this in the future of the versions.

    Best regards

  • Problems with the layout inside the af: popup

    I have an af:popup and I have tried several things for my components layout, but nothing seems to work.
    Ideally, I want to have 2 panelDashboard next to each other, each filling 50% of the pop-up window. Because this does not work, I tried with af:table instead, but I had the same behavior. Most of the time, a single component is displayed or the second pane appears very narrow but it never fills the entire width of my popup.

    So here are some of my tests:
    <af:popup id="popEditRegion" contentDelivery="lazyUncached"
                            binding="#{pageFlowScope.wcmBean.popEditRegion}">
                    <af:dialog id="dlgEditRegion" stretchChildren="first" title="Edit Region" inlineStyle="width:600px">
                            <af:panelGroupLayout id="pnlG" layout="horizontal">
                            <af:panelStretchLayout id="pnlp1">
                            <f:facet name="center">
                            <af:panelHeader text="Selected Elements" id="sel">
                                            <af:panelDashboard  id="pd2" rowHeight="75px" columns="1" dimensionsFrom="parent"
                                                               dropListener="#{pageFlowScope.wcmBean.addSelect}"
                                                               binding="#{pageFlowScope.wcmBean.pnlSelected}">
                                                ...                                            
                                            </af:panelDashboard>
                                        </af:panelHeader>
                                    </f:facet>
                                    </af:panelStretchLayout>
                                    <af:panelStretchLayout id="pnl2">
                                    <f:facet name="center">
                                        <af:panelHeader text="Available Elements" id="av"> 
                                        <af:panelDashboard  id="pd1" rowHeight="75px" columns="1" dimensionsFrom="parent">
                                            ...
                                        </af:panelDashboard>
                                        </af:panelHeader>
                                    </f:facet>
                                    </af:panelStretchLayout>
                                    </af:panelGroupLayout>
                    </af:dialog>
                  </af:popup>
    I tried a mixture of things. With or without the panelStretchLayout, with or without the panelGroupLayout. I even tried with a h:panelGrid instead of groupLayout.
    I also tried adding a panelSplitter instead of panelGroupLayout, but nothing seems to work.
    I also tried setting the styleClass AFStretchWidth panelGroupLayout/grid/separator but that did not work as well. I also tried to adjust the dimension to the stretchLayout motor, but also did not work.

    As you can see, I tried all sorts of things, but nothing really seems to work. I'm missing something here...

    Well I've done a few tests more, the following code works a bit:
    <af:popup id="popEditRegion" contentDelivery="lazyUncached"
                            binding="#{pageFlowScope.wcmBean.popEditRegion}">
                    <af:dialog id="dlgEditRegion" stretchChildren="first" title="Edit Region" contentWidth="600">
                            <af:panelGroupLayout id="pnlG" layout="horizontal" styleClass="AFStretchWidth">
                                         <af:outputText value="dummy"/>
                                            <af:panelDashboard  id="pd2" rowHeight="75px" columns="1" dimensionsFrom="auto"
                                                ...
                                   
                                            </af:panelDashboard>
                                 <af:outputText value="dummy"/>
                                        <af:panelDashboard  id="pd1" rowHeight="75px" columns="1" dimensionsFrom="auto">
                                            ...
                                        </af:panelDashboard>
                                      
                                    </af:panelGroupLayout>
                    </af:dialog>
                  </af:popup>
    When I use this code, full width is used, but the last panelDashboard is even wider than the popup. The strange thing about this is the moment I remove both the outputText dummy, I see only a single panelDashboard in the popup which is very narrow...

    Published by: Yannick Ongena on November 6, 2011 01:07

    It should work.

               
                    
                        
                            
                                
                                      ...
                               
                            
                            
                                
                                           ...
                                
                            
                        
                    
                
     
    

    Things to note:

    1. the external panelDashboard is used to provide 2 equal columns (50% distribution). The rowHeight is set to 100% to fill all the way down with a single line.
    2 panelDashboard is absolutely brilliant when it comes to networking. You just use the good values of column and rowHeight.
    3. do NOT use inlineStyle on any component, unless you absolutely must. Dialog box has the properties width and height builtin.

  • datagroup has something similar to the selected item?

    Hey guys... so I was messing around with tour of flex, the flex 4-> components-> layout-> section datagroup

    I have a component that looks like to the code they have in Tower flex, but when I click on an item in the datagroup, is there a way I can find out how much I clicked?

    I tried to do datagroup.selecteditem, btu selected item dosent exist...

    any ideas?

    Thanks in advance!

    DataGroup has no concept of selection.  You must use s:List for the support of the selection.

    You can put a Manager click on a custom like this ItemRenderer:

    http://ns.Adobe.com/MXML/2009.
    xmlns:s = "library://ns.adobe.com/flex/spark" >
       
       
           
               
           

           
               
                    one
                    two
               

           

           
               
                   
                       
                            private function clickHandler (): void {}
    trace ("item" + itemIndex + "clicked:" + data);
    }
    ]]>
                       

                       
                   

               

           

       

       

  • play with adf layout components

    Hi experts,

    use jdev 11.1.1.5.0 - adfbc - db oracle 10g - mozilla ff 9.01.

    no problem with my project.

    I understand what I want, and am playing with layout components

    the question hit me always.

    Sometimes these components make me sore.

    In the style of line class:
    where should I use af:strecthwidth? AF:auxillarystrecthwidth?

    I know that these components is well suited for
    AF:panelcollection and af:table and some

    In width and height
    where I do use px (pixels)? Percentage (%)?
    most likely all.


    I made a few stupid mistakes

    I didn't know it's really stupid? or not

    for example:

    I use a few af:strecthwidth for the af:panel collection and use the width property in 368px.

    If used instead of average % px.

    alignment is not correct.

    as this am used ah many components. some how.



    but my question is:

    PX is dedicated to af:strecthwidth af:auxillarywidth?

    This sentences make you it clearer
    is there an adf rule if you use px means that you can use af:strecthwidth af:auxillarywidth
    y at - it any rule adf if you use %, this means you can not or do not use af:strecthwidth af:auxillarywidth


    Thus,.

    I tried to Ocean (google).

    Best regards, playing with the layout (documentation well or well bloged by experts).

    still not found?

    ADF7,
    do this (or something similar) there is little time?

    In any case, you should read http://jdevadf.oracle.com/adf-richclient-demo/faces/feature/layoutBasics.jspx to get the general feeling on the design of the pages
    I guess you know video Shay http://blogs.oracle.com/shay/entry/adf_faces_layouts_demo_-ahid
    This blog http://martindeh.blogspot.com/2009/08/adf-layout-overview-and-best-practices.html and http://www.adftips.com/2010/11/adf-ui-tips-to-stretch-different-adf.html give also some valuable tips.

    My summary would be to avoid values of %, use only px values when no other solution is possible. This allows you to design pages that are scalable. I know it is not easy, but after conception about 1000 pages (: you get practice...)

    Timo

  • Problem of ADF - Dashboard vs multiple components of Table layout

    I'm new to ADF, and I am trying to create a page with several components in ADF table for a dashboard. I did it 2 different ways:

    1. I created a panelDashboard with several panelBoxes to keep my table read-only components. (text removed to save space)
    < af:panelDashboard id = "pd1" columns = "1" rowHeight = "250px" >
    < af:panelBox text = "My current comments" id = "pb1" showDisclosure = "false" >
    < af:table value = "#{bindings." MyInProgRevwVR1.collectionModel} ">... < / af:table >"
    < / af:panelBox >
    < af:panelBox text = 'Process Engineering Peer comments assigned to me' id = 'pb2"showDisclosure ="false">
    < af:table value = "#{bindings." MyProcEngPeersR1.collectionModel} ">... < / af:table >"
    < / af:panelBox >
    < af:panelBox text = 'USQ comments assigned to me' id = 'pbUSQRevws' showDisclosure = "false" >
    < af:table value = "#{bindings." MYUSQRevwsR1.collectionModel} ">... < / af:table >"
    < / af:panelBox >
    < / af:panelDashboard >
    Questions: Works fine, except when I put showDisclosure 'true', then minimize one of the panelBoxes, it does not remove the extra space between the panelBoxes (of course the value of rowHeight 250px)

    2. I created a page layout using panelStretchLayout with several tables (extra text removed to save space)
    < af:panelStretchLayout id = "PSL1" >
    < f: facet name = "center" >
    < af:panelGroupLayout layout = "scroll" xmlns:af = "http://xmlns.oracle.com/adf/faces/rich" id = "pgl1" >
    < af:table value = "#{bindings." MyInProgRevwR1.collectionModel} ">... < / af:table >"
    < af:table value = "#{bindings." MyProcEngPeersR1.collectionModel} ">... < / af:table >"
    < / af:panelGroupLayout >
    < / af:panelStretchLayout >
    Questions: The problem here is that as soon as I add the second table, it encapsulates the elements of the array in a panelGroupLayout, which does not stretch its children. I tried to remove the panelGroupLayout, but then the page is not only to make. I tried to use several separators, because I need 4 tables, but this also encapsulates the separators in a panelGroupLayout, and I have the same problem.

    Here, any help would be greatly appreciated

    Thank you
    Michelle

    Here is the example with just the help of panegrouplayout and AFStretchWidth class delivered to the table.




    showDisclosure = "true" >

    styleClass = "AFStretchWidth" >
    ...

    ID = "c1" >

    ID = "ot1" / >




    ID = "pb2" showDisclosure = "true" >

    styleClass = "AFStretchWidth" >

    ID = "c6" >

    ID = "ot6" / >




    ID = "pbUSQRevws" showDisclosure = "true" >

    styleClass = "AFStretchWidth" >

    ID = "c11" >

    ID = "ot11" / >




  • How to find out of control data which doesn't layout components?

    Hello
    work in Jdev 11.1.2.3
    After drag and drop of data control in the page designer, how do I know what control of data to come from the layout component (for example, a field in implementing shape)?
    --i can not find data related information control in the palette of the component layout property.

    Kind regards.

    The information in the file of the page definition .
    Select the field in the page and then click the connection tab.

  • Question of Layout VBOX with a few pixels for components of 2nd and 3rd shift.

    The VBox has 2 components, by clicking on the label of the rocker to the left.

    a component is hidden, and the other is made visible.

    How does one get rid of the padding at the top when the

    2nd component is displayed.

    At the end of the script are two images with one showing the small padding.

    ------------------------------------------------------------------------------------------ -------

    <? XML version = "1.0" encoding = "utf-8"? >

    " < = xmlns:fx s:Application ' http://ns.Adobe.com/MXML/2009 "

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

    xmlns:MX = "library://ns.adobe.com/flex/mx" minWidth = "955" = "600" minHeight >

    < fx:Script >

    <! [CDATA]

    protected function lblSearch_clickHandler(event:MouseEvent):void

    {

    TODO self-generating method stub

    _Debug ("inside" + functionName());

    if(tabnavDetails.Visible == true) {}

    tabnavDetails.visible = false;

    tabnavSearchDetails.height = tabnavDetails.height;

    tabnavSearchDetails.width = tabnavDetails.width;

    tabnavDetails.height = 0;

    tabnavDetails.width = 0;

    tabnavSearchDetails.visible = true;

    } ElseIf (tabnavSearchDetails. visible = true) {}

    tabnavSearchDetails.visible = false;

    tabnavDetails.height = tabnavSearchDetails.height;

    tabnavDetails.width = tabnavSearchDetails.width;

    tabnavSearchDetails.height = 0;

    tabnavSearchDetails.width = 0;

    tabnavDetails.visible = true;

    }

    }

    []] >

    < / fx:Script >

    < fx:Declarations >

    <! - Place non-visual elements (e.g., services, items of value) here - >

    < / fx:Declarations >

    < mx:HBox height = "100 percent" width = "100%" >

    < s:Label id = "lblSearch" name = "lblSearch" buttonMode = "true" text = "Toggle" color = "#2133E4" height = "5%" paddingTop = "8" click = "lblSearch_clickHandler (event)" / >

    < mx:VBox id = "vboxMainBody" name = "vboxMainBody" width = "80%" height = "95%" borderColor = "Black".

    borderStyle = "solid" borderVisible = "true" focusColor = "#FAFAFA" >

    < mx:TabNavigator id = "tabnavDetails" name = "tabnavDetails" visible = "true" borderVisible = "true" width = "100%" height = "100%" >

    < s:NavigatorContent width = "100%" height = "100%" label = "Media details" >

    < / s:NavigatorContent >

    < s:NavigatorContent width = "100%" height = "100%" label = "Location and eyeballs" >

    < / s:NavigatorContent >

    < / mx:TabNavigator >

    < mx:TabNavigator id = "tabnavSearchDetails" name = "tabnavSearchDetails" visible = "false" borderVisible = "true" width = "0%" height = "0%" paddingTop = "0" >

    < s:NavigatorContent width = "100%" height = "100%" label = "Search Details" >

    < / s:NavigatorContent >

    < s:NavigatorContent width = "100%" height = "100%" label = "Location and eyeballs" >

    < / s:NavigatorContent >

    < / mx:TabNavigator >

    < / mx:VBox >

    < / mx:HBox >

    < / s:Application >

    ------------------------------------------------------------------------------------------ -------

    img1.jpgimg2.jpg

    MX:VBox verticalGap = '0 '.

  • Align components how a form layout Panel

    Hello
    I'm available to form the Panel with components, fine, perfect, but...
    When I want to put a LOV such text output
    set the alignment of the components is lost I image :)

    http://img100.imageshack.us/img100/7164/perfectoif.PNG

    but I want to put the join output text component, example:

    http://img525.imageshack.us/img525/4543/asiquiero.PNG

    the logical solution, I group component with the disposal of the Panel group but the form I see:

    http://img97.imageshack.us/img97/1096/erroryd.PNG

    Any idea? I use jdev 11.1.1.2

    Joaquin

    Published by: ADFboy on 03-May-2010 10:54

    Published by: ADFboy on 03 may, 2010 11:43

    Just look at the source JSF - http://jdevadf.oracle.com/adf-richclient-demo/visualDesigns/formLayout.jspx.source

  • Need to keyboard with German layout

    Hello

    I moved to the United States on the Germany and now I would like to Exchange my German keyboard in order to use the necessary "Umlauts" here...
    Can someone point me to a site were I can buy them? (Yes I know that I can change the layout in windows, but it's really confusing get a z while typing y...)

    Thank you!

    Johannes

    Hello Johannes

    I do not know what laptop Portege you have but Googling autour, I'm sure you can find a keyboard with German layout. Second solution is to contact the nearest authorized service provider. They can order the right one for you keyboard.

    Oh yes, the one thing more: check eBay. You will find hardware components both for the different laptop models.

  • How to use metric units in the dialog box layout?

    When I go to my layout in the margins tabs dialog box I see that I can specify the margins in inches. However, in my friends PC, I saw Page Setup dialog boxes that use millimeter to manage margins.

    How can I make my version of Firefox to use millimeters instead of inches? Using this unit dark is annoying for me. I prefer to use the metric unit internationally accepted.

    You can look at the code here to see if this gives some possible things to try:

  • Missing components in my file Ultiboard if I transfer my file Multisim

    Hello!

    I am after this Introduction:

    http://www.NI.com/white-paper/10710/en/?CID=Direct_Marketing---em80795&espuid=CNATL000018702741

    On the point

    5. the part D: transfer to PCB Layout

    "" (8) select transfer "transfer to Ultiboard ' transfer to Ultiboard 13.0 and save the netlist file. Ultiboard opens automatically

    This pop window ups:

    Components with no package will not be exported.
    See the results tab in the spreadsheet for a list of these components.

    Continue with the transfer?

    I press ok, and my thread Ultiboard opens.

    My resistance do not appear in the file ultiboard.

    Any tips?

    By default, when you place the RLN base, it has no assigned package. The package contains to Ultiboard layout information. Is this the message you saw said you, that the list of components in the spreadsheet was not exported to Ultiboard because they had no information about the package.

    If you want to be able to transfer your RLC to Ultiboard components, you can choose a package when placing it down on the diagram:

    Or you can add a package to a component that you have already placed. Double-click the component to open its properties and click on the tab 'value '. From there, you can edit the component package and select one in the master's degree, business, or the user database:

    Let me know if this helps.

    See you soon!

    The f

    National Instruments

  • components of green color means what?

    I want to use IC DAC8541 in my circuit, but it does not work.

    is there a significance for green color components?

    Hi Anu13,

    A component of green color means that it is only one component of page layout. Which means that there is no model for this component, but space is available to let you design your PCB. Unfortunately, you will not be able to simulate this component.

  • Multisim: remove the impression before the transfer to the layout

    Y at - there a way to remove a fingerprint of a component (ie. make virtual) in Multisim so that he is not sent to Ultiboard layout?

    Some components are useful to the understanding of the simulation and circuit, but are not necessary to the page layout because they can be mounted chassis and is not part of a printed circuit board.

    Popman salvation,

    Place the part in the workspace, double-click it and then Edit the db component > imprint. Select print and then click on the Remove. Save this portion of your database.

  • Ultiboard - components in Place on the two layers

    Aloha,

    I'm trying to go through components of hole on both sides of my Board. When I share a component from the top of the bottom layer, everything is blurred. I can't stack components on the same axis Z.

    No work around?

    Thank you

    Aya.

    Hello

    Can you post up your layout if it is not confidential? Alternatively, you can create a service on ni.com/support request? We can help you understand the problem. I tried to permutation of the layers for a few items on my design and it worked fine.

    Kind regards

Maybe you are looking for