CSS in KNIME Server

Hello,

I understand CSS & how to connect it via a variable in the KNIME nodes. Currently my company is using 4.4 but we will be upgrading to 4.7 soon.

I was looking to create style sheets to change the buttons and text to how we would like for our dashboards for KNIME Server.

However, no matter what i do, i can’t get the CSS to work. I have inspected the elements of the page to get the specific reference, i have used the suggest knime tags and nothing works.

The “prepend existing stylesheets” box is greyed out, and i was wondering if i was able to connect to the stylesheet that exists in the background of KNIME?

Any assistance on this topic would be appreciated.

Many thanks,

Hi @ThomasRobsonPG,
Have you checked out our Theming Docs? This looks like what you need, doesn’t it? KNIME Server offers quite a few CSS variables to customize the style of the WebPortal.
Kind regards,
Alexander

1 Like

Hey @AlexanderFillbrunn I haven’t checked out theming docs.

I assumed i’d be able to use the StyleSheet node inside of knime to manipulate the CSS? Is this not the case? Should i use the theming docs instead?

Hi @ThomasRobsonPG,
The CSS Editor together with the customCSS flow variable only works for View nodes and in legacy mode for Widget nodes. The Widget nodes adhere to the global CSS from the theme, so I would recommend you go with that, as it will be applied to all workflows without any need to adjust them specifically.
Kind regards,
Alexander

Thanks, i believe i understand.

I am not the admin, just a dev, therefore i wont be able to access the themes i dont believe.
In terms of style sheets for certain nodes, does this mean i can basically only control the “output” of a run on the server. So i could still edit the table view etc?

Hi @ThomasRobsonPG,
We generally distinguish between View and Widget nodes, where View nodes are visualizations such as the Line Plot or Bar Chart, and Widgets are nodes meant for receiving user input, such as the String Widget or Date&Time Widget nodes. However, the distinction is not always so clear. We have for example a Text Output Widget and an Image Output Widget and I am also not sure if the Table View can be styled with custom CSS, despite being a View node in name.
Kind regards,
Alexander

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.