You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@pivot.apache.org by Bojan Vučinić <bo...@ma-cad.com> on 2011/01/20 12:17:42 UTC
Spacing
Hi,
I'm trying to put some space around the check-box in the table, see snippet:
...
<GridPane columnCount="1"
styles="{horizontalSpacing:31,
verticalSpacing:1,
backgroundColor:'white',
showHorizontalGridLines: true,
showVerticalGridLines: true}">
<GridPane.Row>
<Label text="Leg"
styles="{font:{bold:true},
backgroundColor:'orange',
horizontalAlignment:'center',
verticalAlignment:'center'}"/>
</GridPane.Row>
<GridPane.Row>
<Checkbox buttonData="No. 1"
styles="{font:{bold:true}}"/>
</GridPane.Row>
<GridPane.Row>
<BoxPane styles="{backgroundColor:'yellow',
horizontalAlignment:'center',
verticalAlignment:'center',
spacing:2}">
<*Checkbox* buttonData="No. 2"
styles="{font:{bold:true}}"/>
</BoxPane>
</GridPane.Row>
...
in the above example I've put horizontalSpacing:31 -> no change,
I also tried 'spacing' in the Check-box but this put some space between
the check box and the text.
Am I doing something wrong, and if so what is the way to put some space
between the beginning of the cell and the check-box (see attached picture)?
Thanks for your comments.
Bojan
Re: Spacing
Posted by Greg Brown <gk...@verizon.net>.
By "icon", you mean the box containing the check mark? If you just want to add space between the checkbox and the label, you can use the "spacing" style of TerraCheckboxSkin. If you want to add further spacing around the entire checkbox component, you'll need to put the checkbox in a container that has a padding style, such as BoxPane.
On Jan 20, 2011, at 10:35 AM, Bojan Vučinić wrote:
> I did now, and it puts the space around the text but not on the icon.
>
>
> Greg Brown said the following on 20/01/2011 15:40:
>>
>> FYI, the style you want to set on the button data renderer is "padding" - did you try that?
>>
>> On Jan 20, 2011, at 9:34 AM, Bojan Vučinić wrote:
>>
>>> Tried the spacing for the check-box and in the data render ... both don't work for me.
>>> I just added an 'empty space' label in front (quick and dirty)
>>>
>>> Thanks anyway
>>> Bojan
>>>
>>>
>>> Greg Brown said the following on 20/01/2011 13:56:
>>>>
>>>> That spacing is controlled by the data renderer installed on the Checkbox. You'll need to set a new renderer and set its spacing accordingly. You can use any implementation of Button.DataRenderer - a default version is provided in org.apache.pivot.wtk.content.
>>>>
>>>> G
>>>>
>>>> On Jan 20, 2011, at 6:17 AM, Bojan Vučinić wrote:
>>>>
>>>>> Hi,
>>>>>
>>>>> I'm trying to put some space around the check-box in the table, see snippet:
>>>>> ...
>>>>> <GridPane columnCount="1"
>>>>> styles="{horizontalSpacing:31,
>>>>> verticalSpacing:1,
>>>>> backgroundColor:'white',
>>>>> showHorizontalGridLines: true,
>>>>> showVerticalGridLines: true}">
>>>>> <GridPane.Row>
>>>>> <Label text="Leg"
>>>>> styles="{font:{bold:true},
>>>>> backgroundColor:'orange',
>>>>> horizontalAlignment:'center',
>>>>> verticalAlignment:'center'}"/>
>>>>> </GridPane.Row>
>>>>> <GridPane.Row>
>>>>> <Checkbox buttonData="No. 1"
>>>>> styles="{font:{bold:true}}"/>
>>>>> </GridPane.Row>
>>>>> <GridPane.Row>
>>>>> <BoxPane styles="{backgroundColor:'yellow',
>>>>> horizontalAlignment:'center',
>>>>> verticalAlignment:'center',
>>>>> spacing:2}">
>>>>> <Checkbox buttonData="No. 2"
>>>>> styles="{font:{bold:true}}"/>
>>>>> </BoxPane>
>>>>> </GridPane.Row>
>>>>> ...
>>>>>
>>>>> in the above example I've put horizontalSpacing:31 -> no change,
>>>>> I also tried 'spacing' in the Check-box but this put some space between the check box and the text.
>>>>>
>>>>> Am I doing something wrong, and if so what is the way to put some space between the beginning of the cell and the check-box (see attached picture)?
>>>>>
>>>>> Thanks for your comments.
>>>>> Bojan
>>>>>
>>>>> <Screenshot - 20012011 - 12:16:02.png>
>>>>
>>
Re: Spacing
Posted by Bojan Vučinić <bo...@ma-cad.com>.
I did now, and it puts the space around the text but not on the icon.
Greg Brown said the following on 20/01/2011 15:40:
> FYI, the style you want to set on the button data renderer is
> "padding" - did you try that?
>
> On Jan 20, 2011, at 9:34 AM, Bojan Vučinić wrote:
>
>> Tried the spacing for the check-box and in the data render ... both
>> don't work for me.
>> I just added an 'empty space' label in front (quick and dirty)
>>
>> Thanks anyway
>> Bojan
>>
>>
>> Greg Brown said the following on 20/01/2011 13:56:
>>> That spacing is controlled by the data renderer installed on the
>>> Checkbox. You'll need to set a new renderer and set its spacing
>>> accordingly. You can use any implementation of Button.DataRenderer -
>>> a default version is provided in org.apache.pivot.wtk.content.
>>>
>>> G
>>>
>>> On Jan 20, 2011, at 6:17 AM, Bojan Vučinić wrote:
>>>
>>>> Hi,
>>>>
>>>> I'm trying to put some space around the check-box in the table, see
>>>> snippet:
>>>> ...
>>>> <GridPane columnCount="1"
>>>> styles="{horizontalSpacing:31,
>>>> verticalSpacing:1,
>>>> backgroundColor:'white',
>>>> showHorizontalGridLines: true,
>>>> showVerticalGridLines: true}">
>>>> <GridPane.Row>
>>>> <Label text="Leg"
>>>> styles="{font:{bold:true},
>>>> backgroundColor:'orange',
>>>> horizontalAlignment:'center',
>>>> verticalAlignment:'center'}"/>
>>>> </GridPane.Row>
>>>> <GridPane.Row>
>>>> <Checkbox buttonData="No. 1"
>>>> styles="{font:{bold:true}}"/>
>>>> </GridPane.Row>
>>>> <GridPane.Row>
>>>> <BoxPane styles="{backgroundColor:'yellow',
>>>> horizontalAlignment:'center',
>>>> verticalAlignment:'center',
>>>> spacing:2}">
>>>> <*Checkbox* buttonData="No. 2"
>>>> styles="{font:{bold:true}}"/>
>>>> </BoxPane>
>>>> </GridPane.Row>
>>>> ...
>>>>
>>>> in the above example I've put horizontalSpacing:31 -> no change,
>>>> I also tried 'spacing' in the Check-box but this put some space
>>>> between the check box and the text.
>>>>
>>>> Am I doing something wrong, and if so what is the way to put some
>>>> space between the beginning of the cell and the check-box (see
>>>> attached picture)?
>>>>
>>>> Thanks for your comments.
>>>> Bojan
>>>>
>>>> <Screenshot - 20012011 - 12:16:02.png>
>>>
>
Re: Spacing
Posted by Greg Brown <gk...@verizon.net>.
FYI, the style you want to set on the button data renderer is "padding" - did you try that?
On Jan 20, 2011, at 9:34 AM, Bojan Vučinić wrote:
> Tried the spacing for the check-box and in the data render ... both don't work for me.
> I just added an 'empty space' label in front (quick and dirty)
>
> Thanks anyway
> Bojan
>
>
> Greg Brown said the following on 20/01/2011 13:56:
>>
>> That spacing is controlled by the data renderer installed on the Checkbox. You'll need to set a new renderer and set its spacing accordingly. You can use any implementation of Button.DataRenderer - a default version is provided in org.apache.pivot.wtk.content.
>>
>> G
>>
>> On Jan 20, 2011, at 6:17 AM, Bojan Vučinić wrote:
>>
>>> Hi,
>>>
>>> I'm trying to put some space around the check-box in the table, see snippet:
>>> ...
>>> <GridPane columnCount="1"
>>> styles="{horizontalSpacing:31,
>>> verticalSpacing:1,
>>> backgroundColor:'white',
>>> showHorizontalGridLines: true,
>>> showVerticalGridLines: true}">
>>> <GridPane.Row>
>>> <Label text="Leg"
>>> styles="{font:{bold:true},
>>> backgroundColor:'orange',
>>> horizontalAlignment:'center',
>>> verticalAlignment:'center'}"/>
>>> </GridPane.Row>
>>> <GridPane.Row>
>>> <Checkbox buttonData="No. 1"
>>> styles="{font:{bold:true}}"/>
>>> </GridPane.Row>
>>> <GridPane.Row>
>>> <BoxPane styles="{backgroundColor:'yellow',
>>> horizontalAlignment:'center',
>>> verticalAlignment:'center',
>>> spacing:2}">
>>> <Checkbox buttonData="No. 2"
>>> styles="{font:{bold:true}}"/>
>>> </BoxPane>
>>> </GridPane.Row>
>>> ...
>>>
>>> in the above example I've put horizontalSpacing:31 -> no change,
>>> I also tried 'spacing' in the Check-box but this put some space between the check box and the text.
>>>
>>> Am I doing something wrong, and if so what is the way to put some space between the beginning of the cell and the check-box (see attached picture)?
>>>
>>> Thanks for your comments.
>>> Bojan
>>>
>>> <Screenshot - 20012011 - 12:16:02.png>
>>
Re: Spacing
Posted by Bojan Vučinić <bo...@ma-cad.com>.
Tried the spacing for the check-box and in the data render ... both
don't work for me.
I just added an 'empty space' label in front (quick and dirty)
Thanks anyway
Bojan
Greg Brown said the following on 20/01/2011 13:56:
> That spacing is controlled by the data renderer installed on the
> Checkbox. You'll need to set a new renderer and set its spacing
> accordingly. You can use any implementation of Button.DataRenderer - a
> default version is provided in org.apache.pivot.wtk.content.
>
> G
>
> On Jan 20, 2011, at 6:17 AM, Bojan Vučinić wrote:
>
>> Hi,
>>
>> I'm trying to put some space around the check-box in the table, see
>> snippet:
>> ...
>> <GridPane columnCount="1"
>> styles="{horizontalSpacing:31,
>> verticalSpacing:1,
>> backgroundColor:'white',
>> showHorizontalGridLines: true,
>> showVerticalGridLines: true}">
>> <GridPane.Row>
>> <Label text="Leg"
>> styles="{font:{bold:true},
>> backgroundColor:'orange',
>> horizontalAlignment:'center',
>> verticalAlignment:'center'}"/>
>> </GridPane.Row>
>> <GridPane.Row>
>> <Checkbox buttonData="No. 1"
>> styles="{font:{bold:true}}"/>
>> </GridPane.Row>
>> <GridPane.Row>
>> <BoxPane styles="{backgroundColor:'yellow',
>> horizontalAlignment:'center',
>> verticalAlignment:'center',
>> spacing:2}">
>> <*Checkbox* buttonData="No. 2"
>> styles="{font:{bold:true}}"/>
>> </BoxPane>
>> </GridPane.Row>
>> ...
>>
>> in the above example I've put horizontalSpacing:31 -> no change,
>> I also tried 'spacing' in the Check-box but this put some space
>> between the check box and the text.
>>
>> Am I doing something wrong, and if so what is the way to put some
>> space between the beginning of the cell and the check-box (see
>> attached picture)?
>>
>> Thanks for your comments.
>> Bojan
>>
>> <Screenshot - 20012011 - 12:16:02.png>
>
Re: Spacing
Posted by Greg Brown <gk...@verizon.net>.
That spacing is controlled by the data renderer installed on the Checkbox. You'll need to set a new renderer and set its spacing accordingly. You can use any implementation of Button.DataRenderer - a default version is provided in org.apache.pivot.wtk.content.
G
On Jan 20, 2011, at 6:17 AM, Bojan Vučinić wrote:
> Hi,
>
> I'm trying to put some space around the check-box in the table, see snippet:
> ...
> <GridPane columnCount="1"
> styles="{horizontalSpacing:31,
> verticalSpacing:1,
> backgroundColor:'white',
> showHorizontalGridLines: true,
> showVerticalGridLines: true}">
> <GridPane.Row>
> <Label text="Leg"
> styles="{font:{bold:true},
> backgroundColor:'orange',
> horizontalAlignment:'center',
> verticalAlignment:'center'}"/>
> </GridPane.Row>
> <GridPane.Row>
> <Checkbox buttonData="No. 1"
> styles="{font:{bold:true}}"/>
> </GridPane.Row>
> <GridPane.Row>
> <BoxPane styles="{backgroundColor:'yellow',
> horizontalAlignment:'center',
> verticalAlignment:'center',
> spacing:2}">
> <Checkbox buttonData="No. 2"
> styles="{font:{bold:true}}"/>
> </BoxPane>
> </GridPane.Row>
> ...
>
> in the above example I've put horizontalSpacing:31 -> no change,
> I also tried 'spacing' in the Check-box but this put some space between the check box and the text.
>
> Am I doing something wrong, and if so what is the way to put some space between the beginning of the cell and the check-box (see attached picture)?
>
> Thanks for your comments.
> Bojan
>
> <Screenshot - 20012011 - 12:16:02.png>