Monday, January 31, 2011

Re: TextBox width percentage in Standards Mode

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 <craig...@gmail.com> 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 google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home


Real Estate