{"title":"CSS Editor (legacy)","nodeType":"Manipulator","id":"*O14ljys9UlBs1Op2","factoryName":"org.knime.js.base.node.css.editor.CSSEditorNodeFactory","factoryId":"org.knime.js.base.node.css.editor.CSSEditorNodeFactory","path":["Views","Utility"],"owner":"knime","ownerAccountId":"account:team:b5f0848f-496d-4e6a-b869-fa3532248db7","description":"<p>With this node custom CSS styling for JavaScript views and Quickforms can be created.\n <br />\n Write CSS rules into the editor of the node dialog and set the output either to create a new flow variable, or replace an existing one. With the ability to prepend existing stylesheets it&#39;s easy to override existing styles, or use the already existing styles.\n <br />\n Please refer to the more extensive explanation of CSS styling on our <a href=\"https://knime.com/css-styling\" rel=\"ugc nofollow noopener noreferrer\">documentation page</a> for further reference.\n <br />\n Available CSS-class names used by views and common HTML elements and properties are also present in the CSS editor as code completions when pressing <i>Ctrl&#43;Space</i> .</p>\n            \t\t\n        \n        ","shortDescription":"Provides CSS Code for other JS nodes.","keywords":[],"deprecated":false,"streamable":false,"tags":["Views","Utility"],"icon":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAAT0lEQVQ4je2SwQoAIAhDXfj/v2yHMoYYEV4dePCxrUPCzKSiUUp3wdL+BeP5YUpFSMqfTKOBBeAciQcjuxbwSx7KmEbgRt4zz2F9ysUCEZmMUz0Fjn8tyAAAAABJRU5ErkJggg==","views":[],"inPorts":[{"objectClass":"org.knime.core.node.port.flowvariable.FlowVariablePortObject","color":"ff4b4b","dataType":"Flow Variable","optional":true,"name":"Existing CSS script","description":"Existing CSS string flow variable. (optional)"}],"outPorts":[{"objectClass":"org.knime.core.node.port.flowvariable.FlowVariablePortObject","color":"ff4b4b","dataType":"Flow Variable","optional":false,"name":"CSS script","description":"String flow variable, that outputs the created CSS script."}],"dynInPorts":[],"dynOutPorts":[],"additionalSiteInformation":{"url":"https://update.knime.com/analytics-platform/5.12","trusted":true,"enabledByDefault":true,"name":"KNIME Analytics Platform 5.12 Update Site","version":"5.12.0"},"dialog":[{"fields":[{"name":"Prepend existing stylesheet","description":"<p>The list contains the flow variables that are currently available at the node input. By checking this checkbox, the selected flow variable will be prepended to the newly created CSS-stylesheet.</p>","optional":false},{"name":"Append new variable","description":"<p>If selected the newly created CSS-stylesheet will be put in a new flow variable with the specified name</p>","optional":false},{"name":"Replace existing variable","description":"<p>If selected the newly created CSS-stylesheet will replace an existing flow variable</p>","optional":false}]}],"links":[],"kudos":[{"accountId":"account:user:fd74d1b4-da47-4c58-86e7-4fdd8c45dce0","user":"lukass","date":"2023-02-22T07:58:43+00:00"}],"kudosCount":1,"bundleInformation":{"bundleVersion":"5.12.0.v202605041104","bundleName":"KNIME JavaScript Base Views","bundleSymbolicName":"org.knime.js.views","bundleVendor":"KNIME AG, Zurich, Switzerland","featureSymbolicName":"org.knime.features.js.views","featureName":"KNIME JavaScript Views","featureVersion":"5.12.0.v202605041104","featureVendor":"KNIME AG, Zurich, Switzerland","extensionId":"*0qveOxOA3751S6Vx"},"frequentSuccessors":[{"id":"*GN2SBVbWzuK822qv","factoryName":"org.knime.js.base.node.viz.pagedTable.PagedTableViewNodeFactory","probability":0.3333333333333333},{"id":"*O14ljys9UlBs1Op2","factoryName":"org.knime.js.base.node.css.editor.CSSEditorNodeFactory","probability":0.3333333333333333},{"id":"*YQOLY5hCc4m9Opmd","factoryName":"org.knime.js.base.node.viz.generic3.GenericJSViewNodeFactory","probability":0.3333333333333333}]}