If anyone is interested, I have a "hack" fix, which is to encase each
TextBox in a div which has padding on the right to cater for the
TextBox's padding and border.
Eg:
<ui:style>
.textBoxPadding {
padding-right: 8px;
}
</ui:style>
<div class="{style.textBoxPadding}">
<g:TextBox ui:field="firstNameTextBox" width="100%" />
</div>
If anyone has a better fix, please let me know.
Cheers.
On Feb 1, 2:55 pm, Craig Mitchell <[email protected]> wrote:
> Hi,
>
> If I set a TextBox width percentage (say 100%) in standards mode (Ie:
> <!doctype html>), the total width will be larger then 100% due to the
> TextBox's padding, and border.
>
> I can get the width back to 100% by removing them with css like this:
> .noPadding {
> padding: 0px;
> margin: 0px;
> border: 0px;
> background-color: #eeeeee;
>
> }
>
> However, I want the padding and border around the TextBox.
>
> How can I set a percentage width on a TextBox, and get it to actually
> go to that width?
>
> The reason I would like to do this, is so it works like ListBox, which
> doesn't seem to have any padding or border.
>
> Thanks.
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
