Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list
SOLVED

How to center RadioButton and caption

Avatar

Level 1

Hello,

how can I center the caption below the Radio button (see Image), is this possible.

2015-06-18_131411.jpg

1 Accepted Solution

Avatar

Correct answer by
Level 10

You can center the button and the caption when you add additional <para> elements to the XML source.

This is source code for such radio button.


<field y="0mm" x="0mm" w="22mm" h="12mm" name="RadioButton">


              <ui>


                  <checkButton shape="round">


                    <border>


                        <edge stroke="lowered"/>


                        <fill/>


                    </border>


                  </checkButton>


              </ui>


              <para vAlign="middle" hAlign="center"/>


              <font typeface="Arial"/>


              <margin leftInset="0mm" rightInset="0mm"/>


              <caption placement="bottom" reserve="0.236222in">


                  <para vAlign="middle" hAlign="center"/>


                  <value>


                    <text>Option XY</text>


                  </value>


              </caption>


              <items>


                  <integer>1</integer>


              </items>


            </field>


4 Replies

Avatar

Not applicable

What do u mean by centered here? The caption below the radio button is already centered.

Avatar

Level 1

Then vice versa center the button above the caption 🙂

Avatar

Level 4

You could try adding a radio button to your form, then from the Layout palette, set the caption to none. Add a text object below your radio button and position manually to achieve the desired spacing you seek.

Avatar

Correct answer by
Level 10

You can center the button and the caption when you add additional <para> elements to the XML source.

This is source code for such radio button.


<field y="0mm" x="0mm" w="22mm" h="12mm" name="RadioButton">


              <ui>


                  <checkButton shape="round">


                    <border>


                        <edge stroke="lowered"/>


                        <fill/>


                    </border>


                  </checkButton>


              </ui>


              <para vAlign="middle" hAlign="center"/>


              <font typeface="Arial"/>


              <margin leftInset="0mm" rightInset="0mm"/>


              <caption placement="bottom" reserve="0.236222in">


                  <para vAlign="middle" hAlign="center"/>


                  <value>


                    <text>Option XY</text>


                  </value>


              </caption>


              <items>


                  <integer>1</integer>


              </items>


            </field>