New Truncation Problem Bootstrap 3
Added by Tiaan Wessels over 10 years ago
I have a new truncation problem and figured I'll start a new thread. I've switched to bootstrap 3 (with 3.3.3-rc1)
I've removed my own useStyleSheet so everything should be under the control of bootstrap 3 now.
I then get truncation of labels as in the screenshot. When I do ctrl~~+ and then ctrl--- (so the browser~~ chrome - scales up once and down again) some of them comes right however many don't and remains obscured by the widget directly to the right of it. I instantiate as follow:
WHBoxLayout *hbox = new WHBoxLayout;
WLabel *l;
hbox->addWidget(l = new WLabel("From:"));
ifrom = new WDateEdit;
hbox->addWidget(ifrom);
Any ideas ?
| truncated2.png (1.05 KB) truncated2.png |
Replies (3)
RE: New Truncation Problem Bootstrap 3 - Added by Tiaan Wessels over 10 years ago
I've logged a new fault but example source file that demonstrates the problem.
RE: New Truncation Problem Bootstrap 3 - Added by Erhan Aydın over 10 years ago
Same here.
All WComboBox and WLineEdit instances on horizontal layouts with some other elements overlap them.
I think you should file an issue ticket.
RE: New Truncation Problem Bootstrap 3 - Added by Koen Deforche over 10 years ago
Hey,
With bootstrap 3 you need to put form elements in an 'inline form'. Wt will not do that for you since it does not want to interfere with bootstrap 3 CSS: our take on it is that Wt facilitates the use of bootstrap 3 (i.e. the components apply the correct markup) but bootstrap 3 layout is so unconventional (e.g. it makes a line edit by default a block element) that it does not make sense for Wt to revert some of its weird decisions.
http://getbootstrap.com/css/#forms-inline
Regards,
koen