case, a table. Eg:
<table>
<tr>
<td>
Title
</td>
<td>
<g:ListBox ui:field="titleListBox" width="100%"/>
</td>
</tr>
<tr>
<td>
First name
</td>
<td class="{res.css.textBoxPadding}">
<g:TextBox ui:field="firstNameTextBox" width="100%" />
</td>
</tr>
</table>
Without the res.css.textBoxPadding (which puts padding-right:8px;),
the firstNameTextBox will be 8px wider then the titleListBox.
Cheers.
On Feb 1, 9:42 pm, Jeff Schwartz <jefftschwa...@gmail.com> wrote:
> 100% of what? Your problem has nothing to do with doctypes. If there is no
> immediate parent with a specific width set then there is nothing to
> constrain the width of the text box.
>
>
>
>
>
>
>
>
>
> On Mon, Jan 31, 2011 at 10: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<google-web-toolkit%2Bunsubs cribe@googlegroups.com>
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/google-web-toolkit?hl=en.
>
> --
> *Jeff Schwartz*
--
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.
No comments:
Post a Comment