By lining up the spaces between the text fields in the horizontal panel layout group - mobile ADF

image.jpg

Hello

I created a mobile page of ADF sample as shown in the image above. All components have been aligned perfect await the fields Firstname and lastname fields IE whose number of 971, 50 and Mobile.

The problem is arraging spacers between these fields aligned horizontally. I used the available to the Group Panel with page layout in horizontal. But when I gave the first two got fields narrowed spacers between them, and the last field that is mobile has become normal. My requirement is the first field that has '971' to go to the far left and the width of the Mobile phone, input field must be increased, and also the alignment of the spacers should be uniform in their full horizontal. IAM can use spacers perfect between them. How can I achieve this? Please help me solve this!

< amx:panelGroupLayout id = "gp1" layout = "horizontal" >

< amx:inputText value = "971" hintText = "Country Code" id = "it3" inputType = 'number' / >

"" < amx:inputText value = "50" hintText = "code" id = 'it8' inputType = 'number' / >

< amx:inputText value = "#{pageFlowScope.mobile_number}" hintText = 'Mobile' id = "it6" inputType = "number" / > "

< / amx:panelGroupLayout >

This is the code I used. Please suggest me a solution

That you do not use labels you can set the simple = "true" for components Inuuttext property. This will give you the space designed for the label. You must set a fixed with components as the panelGroupLayout handles this better,

Timo

PS Please tell us your jdev version!

Tags: Java

Similar Questions

  • Cut out white space from a text field (I give the points of response as candy!)

    Hello

    I need to cut all the white space characters that occur before and after all no white space in a text field.
    By white space, I mean:
    -space chr (32)
    -chr (9) horizontal tab
    -line break Chr (10)
    -return Chr (13)

    So, using this example:
    CREATE TABLE test (
    id NUMBER,
    value VARCHAR2(100));
    
    INSERT INTO test (id, value) values (1, chr(32)||chr(9)||chr(13)||chr(10)||'a'
    ||' '||'b'||chr(10)||'c'||chr(13)||chr(10)||chr(32)||chr(9)||chr(32));
    I need to end up with:
    a space b linefeed c
    So I want to get rid of the white space beginning and end, but keep the white space inside the string.

    I can't do it with the TRIM function alone. I could do many iterations of replace the spaces with something bind ' # ' and then cut it, but the characters of white space can be in any order.

    I tried
    REGEXP_REPLACE(value, '[^:space:]')
    but that does not give a correct result.

    Use the trim (regexp_replace ("(\S+) \s* \s*','\1", value)):

    select  id,
            '[' || value || ']' val,
            '[' || trim(regexp_replace(value,'\s*(\S+)\s*','\1 ')) || ']' new_val
      from  test
    /
    
            ID VAL                            NEW_VAL
    ---------- ------------------------------ ------------------------------
             1 [                                [a b c]
               a b
               c
                     ]
    
    SQL> 
    

    SY.

  • Tab order does not work on the image Panel and group tags

    I write code to control the tab on several tags such as "img", "Control Panel", "LinkButton",... and pie charts. When I run my program flash, tab indexing does not work. It works on the pie chart and "link button" tags, not on 'img', ' ', tags "group". I also tried to "activate the tab" on these fields and the true chilern tab, but no help.

    on the other hand when I disable the tab on the pie chart, and a link button, yet the tab is activated. It seems no matter what I do about the tab order, it does not reflect when I run my program.

    I really appreciate if someone could help me, I'm working with the sdk flex 4.1

    In Flex, components that receive focus must implement IFocusManagerComponent.  Most of the containers are not.

  • Change to the text field selection list

    Hi guys,.

    How can I create a dynamic action at random an element to the list of selection in the text field?

    I use a group of buttons radio with two options: YES and no.

    I don't want to not create two items because I'm using the same database column.

    I tried before with two elements "power off" and "carriers", but without success.

    Can you help me?

    Thank you

    Eric

    Eric.Sacramento wrote:

    Already tried that, please see the photo.

    I'm doing something wrong?

    The error message indicates that there is more than one item referring to the same column name. Follow the instructions given above for only a single and invisible element is related to the database column. Shadow points that actually appear in the user interface must not be bound to the database column, but get their initial value of this article, and conditional calculations should be used to copy the input value in the user interface elements for the element to a database column.

  • Stretching from the area dynamically in a facet of the dispatcher Panel.

    Hello

    Jdev version - 11.1.1.6.0

    We use a group separator in a jspx page and inside on the facet of the separator panel we use a taskflow with fragments of the page as a region. The use case is that the user can stretch the group separator, we want to extend the page as well as the separator.

    This is the structure of the component.

    Group that is used in the jspx page separator.

    < af:panelSplitter orientation = 'horizontal' splitterPosition = "195."

    positionedFromEnd = "true" id = "ps2".

    firstLandmark = 'hand' secondLandmark = "contentinfo".

    collapsed = "true" dimensionsFrom = "auto" >

    < f: facet 'second' = name >

    < af:region / >

    < / f: facet >
    < / af:panelSplitter >

    And the TaskFlow (area inside the above group separator) with jsff page as below.

    < af:decorativeBox id = "db1" >

    < f: facet name = "center" >

    < panelGroupLayout layout = "default" >

    < af:outputText / >

    < af:panelStretchLayout styleClass = "AFStretchWidth" >

    < f: facet = 'top' name >

    < af:panelGroupLayout layout = "horizontal" >

    < af:selectOneChoice >

    < / af:selectOneChoice >

    < / af:panelGroupLayout >

    < f: facet name = "center" >

    < af:panelGroupLayout id = "pgl287" layout = "scroll" >

    < af:inputText

    lines = '2' columns = "40".

    dimensionsFrom = 'auto '.

    styleClass = "AFStretchWidth" / > //This enter text, we want to expand dynamically with the expandable Panel layout.

    < / af:panelGroupLayout >

    < / f: facet >

    < / af:panelStretchLayout >

    < / af:panelGroupLayout >

    < / f: facet >

    < / af:decorativeBox >

    Yes you can do it, but you must use javascript for this as

    ...

    function setSplitterPos (event) {}

    source var = event.getSource ();

    var pos = source.getSplitterPosition ();

    If (pos < 100)

    source.setSplitterPosition (100);

    on the other

    source.setSplitterPosition (pos);

    }

    ...

    ...

    The above code updates the position of the separator 100px if you try to make the first small facet the 100px.

    Timo

  • display the values of query horizontal Panel

    Hi how to display value in the application of the horizontal panel have only one line

    my panel query
    <af:panelHeader text="Users" id="ph2"
                                    inlineStyle="width:946px;">
                      <af:query id="qryId1" headerText="Search" disclosed="true"
                                value="#{bindings.IntlUsrUpdCriteriaQuery.queryDescriptor}"
                                model="#{bindings.IntlUsrUpdCriteriaQuery.queryModel}"
                                queryListener="#{bindings.IntlUsrUpdCriteriaQuery.processQuery}"
                                queryOperationListener="#{bindings.IntlUsrUpdCriteriaQuery.processQueryOperation}"
                                resultComponentId="::resId1"/>
                    </af:panelHeader>
    
    
    and this is the view criteria of my panel query
    <ViewCriteria
        Name="IntlUsrUpdCriteria"
        ViewObjectName="model.updateusr.IntlUsrUpd"
        Conjunction="AND">
        <Properties>
          <CustomProperties>
            <Property
              Name="displayOperators"
              Value="InAdvancedMode"/>
            <Property
              Name="autoExecute"
              Value="false"/>
            <Property
              Name="allowConjunctionOverride"
              Value="true"/>
            <Property
              Name="showInList"
              Value="true"/>
            <Property
              Name="mode"
              Value="Basic"/>
          </CustomProperties>
        </Properties>
        <ViewCriteriaRow
          Name="vcrow41"
          UpperColumns="1">
          <ViewCriteriaItem
            Name="Firstname"
            ViewAttribute="Firstname"
            Operator="STARTSWITH"
            Conjunction="AND"
            Required="Optional"/>
          <ViewCriteriaItem
            Name="Surname"
            ViewAttribute="Surname"
            Operator="STARTSWITH"
            Conjunction="OR"
            Required="Optional"/>
          <ViewCriteriaItem
            Name="Officecode"
            ViewAttribute="Officecode"
            Operator="="
            Conjunction="OR"
            Required="Optional"/>
          <ViewCriteriaItem
            Name="IntlUsrUpdCriteria_vcrow41_Branchcode"
            ViewAttribute="Branchcode"
            Operator="="
            Conjunction="OR"
            Required="Optional"/>
          <ViewCriteriaItem
            Name="Usertype"
            ViewAttribute="Usertype"
            Operator="="
            Conjunction="OR"
            Required="Optional"/>
        </ViewCriteriaRow>
      </ViewCriteria>
    
    am in jdeveloper 11.1.1.6.0
    Published by: adf009 on 05/17/2013 11:16

    To do this, you set the maxcolmns and the rows of the af property: query as

    ... rows="1" maxColumns="10"...
    

    MaxColumns argument must equal the number of fields you want to see in a single line.

    Timo

  • Get some facets of a provision of the limousine Panel in managed bean

    Hi all

    Jdev version: 11.1.1.7.1

    I have a panel with 3 tabbed view detail headers.

    In each details see the headers I have a sign stretching layout and in one of the facets of the expandable Panel layout, I have an af:tree.

    My use case is at the click of a button at the top of the Panel tabs that I need to know which headers detail see Eastern disclosed and get the tree.

    I tried to use the suite of methods:

    for (int i = 0; i < getPanel () .getChildCount (); i ++) {}

    ShowDetail RichShowDetailItem =

    (RichShowDetailItem) getPanel .getChildren () .get (i) ();

    get the open tab

    {If (showdetail {. isDisclosed()})}

    UIComponent component is findComponent (showdetail , RichTree.class);.

    If (components! = null) {}

    return component (RichTree);

    }

    }

    }

    public static UIComponent findComponent (base class UIComponent type) {}

    UIComponent result = null;

    Point UIComponent = null;

    for (int i = 0; i < base.getChildCount (); i ++) {}

    Child UIComponent = base.getChildren () .get (i);

    Item = child;

    If (type.isInstance (child)) {}

    result = child;

    break;

    }

    result = findComponent (element, type);

    }

    return the result;

    }

    Now, I'm able to get the RichPanelStretchLayout, but not able to get the facets of the expandable Panel layout.

    Can someone tell me if there is another way to get the facets?

    Thank you

    Hello

    I could make it work using the code below:

    public static UIComponent findComponent (base class UIComponent type) {}

    UIComponent result = null;

    Point UIComponent = null;

    for (int i = 0; i)< base.getchildcount();="" i++)="">

    Item = base.getChildren () .get (i);

    If (type.isInstance (item)) {}

    result = item;

    return the result;

    }

    result = findComponent (element, type);

    }

    for (int i = 0; i)< base.getfacetcount();="" i++)="">

    Iterator child = base.getFacetsAndChildren ();

    While (child.hasNext ()) {}

    Item = child.next ();

    If (type.isInstance (item)) {}

    result = item;

    return the result;

    }

    result = findComponent (element, type);

    }

    }

    return the result;

    }

    Thank you

  • Repeating text field do not break across pages

    Hey everybody,

    I have a text field multiline, expandable that will have many pages of content. My issue is that it won't break on several pages. It is not the first thing on the page, and when it's big enough, instead of split into a new page, it moves the field of full-text to the top of the next page. Not only that, but if it has more than one page of content, the text field spans the footer (from master page...) and disappears off the end of the page, without adding more pages to display the rest of the content.

    I checked the usual suspects:

    -The text field is set to allow content page breaks

    -All subforms parent of the text field allows content page breaks

    -There is no set "keep withs."

    -The form is permanently saved in dynamic PDF.

    Any ideas on where I could have gone wrong? Thanks for any help you might be able to offer,

    -Scott

    Hello

    are the surrounding subforms on fluids?

    The text field breaks in a positioned layout.

  • How to change the space between folder icon and the text on the personal toolbar?

    I have some files in the personal toolbar with just a letter to indicate what they are, but on the theme that I use, the letter is too far from the record, it belongs to and partially falls under following folder icon. I don't want to increase the space between all the icons to show the full letter, as this decreases the amount of icons that you can have in the toolbar. Instead, I want to reduce the space between the file and the text belonging to him, so he is right next to him instead of 5 pixels away.

    I found various entries to change the padding and margins in userChrome.css, but it's always around the icon, I don't know where to look to close the space between the icon and the corresponding text.

    Any help would be greatly appreciated, thank you.

    Did you check the value of the left margin of the text?

    You can set if necessary negative margin values.

    #PlacesToolbarItems .toolbarbutton-text { margin-left: -2px !important; }

    Add .bookmark-item [container] If this enough for the items in the folder

    #PlacesToolbarItems .bookmark-item[container] .toolbarbutton-text { margin-left: -2px !important; }
  • I have a button with the icon text. Is it possible to increase the space between the text and icon?

    Mr President.

    I have a button with the icon text. Is it possible to increase the space between the text and icon?

    adf button text image space.png

    adf button text image space.jpg

    Concerning

    Have you tried it as directed by the other thread?

    
    

    See you soon

    AJ

  • Unformattable Indesign text - how to remove the spaces between paragraphs?

    I have a 95 page indesign document. I have a few unwanted spaces between paragraphs. I could not get rid of these spaces. I tried to replace the formatting, using the window styles to paragraph, but in this case indesign does not yet recognize the formatting. I put paragraphs in form to 0P0 before and after paragraphs, and yet space remains between some paragraphs. I'm going crazy!

    The problem lies in the text imported into strange formatt, but that was five years ago and I don't even have access to the original text to try to import once more. Perhaps because it is a document to Indesign c5 and c6 now I use?

    Any help appreciated with gratitude,

    Sam

    After checking the object applied to blocks of text style: text frame JWK it shows under text frame General Options/Vertical Justification/Align/Justify (Peter Spier mentioned above about this possibility). I would put this Align/Top. Also when you changed the paragraph to align on the grid he left some gaps on some pages. I have put that back in would line up on the starting grid. There will be a reshuffle of the text when you do. To check if everything looks as it should. Make a copy of the file and make your changes there just in case, and let us know how it goes.

  • Space between the text and the drop cap

    Hello

    Hope you are well.

    In the picture as an attachment (a screen shot from an InDesign document), I would create more space between the drop cap L and the text to the right.

    How do I do that?

    Thank you!

    L.jpg

    Likewise, you must define the difference between any pair of characters - with kerning!

  • It is Possible to reduce the space between the lines after &lt; CR &gt; a text block?

    Hello

    I paste text without ANY special models in my custom CSS layout.

    I would have less space between the line after a < CR >.

    see you soon,

    Dreamer101.1

    Using the following style rules

    p, {br}
    margin: 0;
    padding: 0;
    }

    and look at the result.

    I hope this helps

    Ben

  • Need help with a space between the bullet and the text in the list

    I tried to increase the space between my chip and the text in my list. Whenever I have increase the margin left or padding everything moves to the right, but the space between the bullet and the text remains the same. Could someone help me understand what I am doing wrong. Web site here. http://www.webassistantsllc.com/clients/sport

    Thank you

    Lynne

    Hi Lynne,

    Add the following style to your css works to increase the space between the chip and the list.  You just need to adjust how px of padding.

    #event ul li {}
    padding-left: 50px;
    }

    Concerning

    Fiona

  • Printing problem with OE - 6 format since the upgrade to IE - 8: no space between the body and the subject line text.

    My computer is configured with XP SP3 and IE - 8. I've been using Outlook Express 6.0 (update of MS according to needs). Messages are always printed correctly. Lately, however, the body of the message printed directly below the object without line - the space between them. This happens on my Brother laser printer and my HP inkjet printer. I have not changed my settings of the printer. I've recently updated to IE - 7 to IE - 8; However, I see nothing in the settings of IE - 8 to explain this change in print. I recently installed "MobileMe" Panel Apple configuration, which has installed a separate set of folders in the list of folders in OE - 6. I did a clean (with Revo Uninstaller) uninstalling the MobileMe Control Panel, removed the extra e-mail account/folders and rebooted. Yet the printing problem.

    How to restore the space of line between the subject and the message body?

    Hello

    1. How is like print preview?
    2. don't you make changes to the footer settings?

    Method 1.
    If that doesn't help you can not save the file wmp.dll
    a. log on as an administrator.
    b. Click Start, type cmd.exe in the Run dialog box right click on cmd.exe, click Run as administrator and then click on continue.
    c. at the command prompt, type regsvr32 oled32.dll and press enter and then click OK.

    Method 2.
    If this problem started occurring recently, you can restore the computer to a previous state. You lose Internet Explorer 8 and return to Internet Explorer 7. In this way, we can check whether or not the root cause of the problem is installation of Internet Explorer 8.
    Reference:
    How to restore Windows XP to a previous state
    http://support.Microsoft.com/kb/306084

    I hope this helps.

    Thank you, and in what concerns:
    Shekhar S - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.
    If this post can help solve your problem, please click the 'Mark as answer' or 'Useful' at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

Maybe you are looking for