Is there a way to inherit the styling of a <select></select> from the input fields within the same <form> tag? Such as width, height, border color, etc?
Figured that I can't do it except adding select in the selector
Thanks guys!
Related
I've created a CellTable and works correctly but when I try to insert a new row with no element or white spaces looks like this.
Thanks in advance.
If you just insert empty rows, height will be smaller than other rows. Use CSSResource and style the tr with proper height.
When you insert an empty row, try inserting an HTML space inside it to initialize the height. Like
Yes, thanks Abhijith Nagaraja. This is how my css looks now.
.cellTable tbody td{
height: 13px;
}
Thanks a lot.
I am adding a SWT Table in Eclipse Form, but I want to remove the outer border of the Table.
How to do the needful.
Above is the Table I created, But I dont want the Boundary/Border around it.
Don't know if this is the case, but from the picture the outer border looks like the one painted when SWT.Border flag is used. Maybe you are adding your table to composite that has this flag used as style constant. Remove this constant and the outer border will be gone
This border is rendered even if you don't use SWT.BORDER.
But if there is no TableColumn, no border is rendered.
Just remove TableColumn, if you want to remove border.
Try to look for SWT.BORDER and replace it with something else, like SWT.NONE
It could be where you create the table or the container.
I am using a Gwt DataGrid with multiple Columns. The default behavior of the columns is to wordwrap. I would like for one of the columns to not wordwrap and just cut off. Is this possible?
For example, currently this is displayed:
I am making a
sandwich
I would like it to display:
I am making a
In addition to overflow:hidden you may need white-space:nowrap and finally add a text-overflow: ellipsis so there is an indicator to the user that the incomplete text is being shown.
You can set overflow: hidden in the style of each Column.
You can use DataGrid.addColumnStyleName to set styles on individual columns, or just addStyleName to add a style to the whole widget.
I've got a problem with the css nth-child selector.
I have a grid of 3x3 elemtens inside a container. Those elements have a class called .square.
With .square:nth-child(3n+1) I select every first element of the row and color it green.
With .square:nth-child(3n+3) I select every last element of the row and color it red.
This works fine, until there is any element(<br> for example) that is outputted before the grid. With every new <br>, the order moves up by one, as is the <br> was considered a .square.
As I understand the .nth-child, it should select every third element of the .square class. Why does it apply that to any element, and how can I achieve my inital goal?
Thanks in advance
http://www.hier-krieg-ich-alles.de/shop.php?cat=26491127728
The problem occurs on the boxes in the middle.
Sounds like you want nth-of-type.
Related selectors which you may find useful are :first-of-type, :last-of-type, :nth-last-of-type and :only-of-type.
nth-child working only with html element, nth-child css don't know class and id, if you want set nth-child for class, add some custom attribute for that class using jquery..
like
jQuery('.square:nth-child(3n+3)').attr("act","dummy");
then use css
div[act='dummy']{
border : 1px solid red;}
I would like to use a flowPanel to contain a list of tags. The tag contain a name and a close button.
However, when I add HTML / Label to flowPanel, it will create a new line because it's a DIV element.
If the HTML / Label is a span element, there is no new line. However, I can't create spanElement on demand.
Does anyone has any suggestion? Thanks in advance.
Check out the InlineLabel and/or InlineHTML widgets.
set the css style of the Label like this : display: inline;