CSS code to move Search bar to left side inside Table view Javascript view.

KNIME Analytics Platform
5

Hi @sathya_159 , the “Search:” is actually part of a label, so you can’t really change it. You can hide it and add a text. The problem is that the text field is also inside the label.

So, I can’t remove the whole label. Instead, I have to hide it, meaning that though the text “Search:” does not show, the space is still there.

The best I can do is the following code:

#knimePagedTable_filter > label {
	visibility: hidden;
}

#knimePagedTable_filter > label:before{
	visibility: visible;
	content: "Search books:";
}
#knimePagedTable_filter > label > input {
	visibility: visible;
}

You will see that there’s a space between the “Search books:” and the text field. That’s the space for the hidden “Search:”

For your other question, the clickable button, it’s hard to do all this via css only. You can probably add the button, but you have to code the event of clicking, which I don’t think is possible via css.

I hate doing front-end, so I don’t like doing css

4 Likes