Change size of path panel area

0

Hi Gerd,
CSS is a good feeling, you can indeed use it to work something out, there is possibility to set custom CSS globally*.
In version 2025 you'd want to take a look around styling footer element, or wfBottomSide class and items inside of it.

Another way let's say if you don't want to make it global could be creating a HTML Field on form, with <code>script</code> tags, inside those create a JS which will modify CSS styles of specific elements.

* https://docs.webcon.com/docs/2025R2/Studio/SystemSettings/GlobalParams/SystemSettings_AppearanceSettingsMode

Hi Gerd,

Maksymilian already mentioned using scripT as a solution.
If you hide the path and then use JavaScript to integrate HTML buttons, you're able to change the style.

However, this solution is more suitable for just a few steps.

Bye,
Bjoern

----....----
<pre>
&lt;div style="text-align: left;background-color: #FFFFFF;"&gt;
&lt;button type="button" onclick="MoveToNextStep(#{PH:2057}#)" style="background-color: #CEE8E5; font-weight: bold; border-radius: 10px; font-size:16px;"&gt;
Zwischenspeichern (HW wird gebildet)
&lt;/button&gt;
&nbsp;&nbsp;&nbsp;
&lt;button type="button" onclick="MoveToNextStep(#{PH:2056}#)" style="background-color: #C8DEB6; font-weight: bold; border-radius: 10px; font-size:16px;"&gt;
Meldung zur Beprobung
&lt;/button&gt;
&lt;/div&gt;
</pre>
----....----

Hi @Bjoern and Maksymilian!

Thanks first for your response!

Well, yes it might be possible to use HTML Buttons but our application has 38 steps and about 100 paths.
So i feel this is not quite comfortable to manage. Therefor it would be great to have a more globally solution ;-)
I'll look for the CSS solution via footer element Maks mentioned

If someone has more details in the CSS solution, i would take it ;-)

Gerd

Hi Gerd,

We only tested this ourselves yet, so please try the settings shown in the picture.
Remember: “Global – Default button style” really means global. 😉

If you work without colors, the global style is sufficient. Otherwise, each path needs to be assigned its own color anyway.

However, if you change a color on the path, the global style will be overridden.

We ourselves set path colors and path button colors individually. That’s why we simply copy our (complete) CSS styles from a saved text file for each color.
You can do the same for each path button: use the style shown at the top of the picture, adjust your padding, add your path button color, and then copy it to every path with the correct color.

Have a nice weekend,
Bjoern