Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

TextField half border - Adobe LiveCycle

Avatar

Level 1

How to format the Textfield with half border on it. This is an account number field created with functionality to allow only 14 digits. I can format with full border but not with half height. Is there a way to do format as i expected? or Would appreciate any workarounds? (Adobe Livecycle Form Designer)

Expected Design FormatExpected Design Format

1 Reply

Avatar

Level 10

It's not possible with just one text field but with two overlayed, you can create a similar thing.

 

<field name="Field_Background" y="41.275mm" x="25.4mm" w="49mm" h="10mm" access="protected">
            <ui>
               <textEdit hScrollPolicy="off">
                  <border hand="right">
                     <edge thickness=".176mm" presence="invisible" id="edgeBG1">
                        <color value="0,0,128"/>
                     </edge>
                     <edge use="#edgeBG1" presence="visible"/>
                     <edge use="#edgeBG1" presence="visible"/>
                     <edge use="#edgeBG1" presence="visible"/>
                     <fill/>
                     <corner presence="invisible" id="cornerBG1">
                        <color value="0,0,128"/>
                     </corner>
                     <corner use="#cornerBG1"/>
                     <corner use="#cornerBG1" presence="visible" thickness=".176mm" radius="5mm" id="cornerBG3"/>
                     <corner use="#cornerBG3"/>
                  </border>
                  <margin/>
                  <comb numberOfCells="8"/>
               </textEdit>
            </ui>
            <font typeface="Arial" weight="bold" kerningMode="pair" size="8pt"/>
            <margin topInset="0mm" bottomInset="0mm" leftInset="0mm" rightInset="0mm"/>
            <para vAlign="middle" spaceAbove="0pt" widows="2" orphans="2"/>
            <caption reserve="7mm" placement="top">
               <!--margin topInset="0.75mm"/-->
               <font size="8pt" typeface="Arial" kerningMode="pair"/>
               <value>
                  <text>Account Number</text>
               </value>
               <para marginLeft="0pt"/>
            </caption>
            <assist>
               <speak priority="toolTip"/>
            </assist>
            <border>
               <edge presence="hidden"/>
            </border>
         </field>
         <field name="Field_Foreground" y="41.275mm" x="25.4mm" w="49mm" h="10mm">
            <ui>
               <textEdit hScrollPolicy="off">
                  <border hand="right">
                     <edge presence="invisible"/>
                     <corner presence="invisible"/>
                  </border>
                  <margin/>
                  <comb numberOfCells="8"/>
               </textEdit>
            </ui>
            <font typeface="Arial" weight="bold" kerningMode="pair" size="8pt"/>
            <margin topInset="0mm" bottomInset="0mm" leftInset="0mm" rightInset="0mm"/>
            <para vAlign="middle" spaceAbove="0pt" widows="2" orphans="2"/>
            <caption reserve="3mm" placement="top">
               <font size="8pt" typeface="Arial" kerningMode="pair"/>
               <para marginLeft="0pt"/>
            </caption>
            <assist>
               <speak priority="toolTip"/>
            </assist>
            <border>
               <edge presence="hidden"/>
            </border>
         </field>

 

Paste this XML code into the XML source of your form right below a <subform>-element. It adds two fields, that will look this way.

radzmar_0-1589309562993.png