I'm working with 2.1's new CellTable (awesome!), and customizing the
look and feel for my web application. I'd like to suggest one
improvement ...

When you click on an editable cell, there is an awkward "shift" that
occurs when the text is replaced with <input> form fields ... This is
because the <td> element has padding: 3px 15px, and an <input> element
has a default width and height defined by the browser that stretches
the cell. See http://gwt.google.com/samples/Showcase/Showcase.html#!CwCellTable

Ideally the component would behave like this:
1) in "read mode", <td> elements would have padding: 3px 15px
2) in "edit mode", <td> elements would have 0px padding, and the
<input> and <select> elements would fill the entire cell

Something similar to this example:
   http://www.smartclient.com/smartgwt/showcase/#grid_editing_cell

Right now there doesn't seem to be a way to differentiate cells in
edit vs. read mode
  <td><div style="outline:none;">{1}</div></td>
  <td><div style="outline:none;"><input type='text' value='{0}' /></
div></td>

Perhaps the inner div could have a class that could be used to
customize style? For example, <div class='editTextCell' ...

-- 
http://groups.google.com/group/Google-Web-Toolkit-Contributors

Reply via email to