gave92 / SimCSS

Apply CSS stylesheets to Simulink models.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


Apply CSS stylesheets to Simulink models.

With SimCSS, you can easily customize Simulink blocks through a simple CSS file.

logo donate

What styles can be applied?

Any property of a Simulink block can be set with SimCSS. Everywhere you would normally use set_param(handle,'myproperty',myvalue), you could use the SimCSS equivalent {myproperty: myvalue}.

SimCSS selectors

Selector Example Description
* Apply style to all blocks
.class .line (or .annotation) Apply style to lines (or annotations)
#id #TEST Apply style to blocks named "TEST"
element Constant Apply style to Constant blocks
element1 element2 Subsystem Outport Apply style to outports inside subsystems
[Prop=Value] [Tag=test] Apply to blocks with a Tag equal to "test"

Quick guide

Quick example to get started.

1. Create a "styles.css" file with your styles

* {FontSize: 20}                   /* I like big fonts all over the place */
.line, .annotation {FontSize: 20}  /* Applies to lines and annotations */

#TEST {ForegroundColor: 1 0 0}     /* Applies to blocks called "TEST" */

[name|=mass] {Orientation: "left"} /* Applies to "Mass", "Mass2", ... */

Subsystem Outport {BackgroundColor: "magenta";}         /* Applies to outports inside subsystems */

:commented {BackgroundColor: 0.3 0.3 0.3}               /* Applies to commented blocks */

Constant {width: 70; Height: 40}                        /* Change Constant blocks size */

From, Goto {BackgroundColor: "yellow"; ShowName: "off"} /* Applies to Goto and From blocks */
[GotoTag=A] {Commented: "on"}                           /* Comments Goto and From blocks with "GotoTag" = "A" */

2. Apply styles to current Simulink model


© Copyright 2017 - 2018 by Marco Gavelli

ezoic increase your site revenue


Apply CSS stylesheets to Simulink models.

License:MIT License


Language:MATLAB 68.5%Language:CSS 28.2%Language:Batchfile 3.2%