image thumbnail

SimCSS

version 1.0.4 (992 KB) by Marco Gavelli
Apply CSS stylesheets to Simulink models.

17 Downloads

Updated 6 Oct 2018

From GitHub

View License on GitHub

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

1) 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}.

2) How to select which blocks apply a style to?

* => applies to every block
.line => applies to lines
.annotation => applies to annotations
#id (e.g. #name) => applies to blocks called "name"
element (e.g Constant) => applies to every constant block
element1 element2 (e.g Subsystem Outport) => applies to outports inside subsystems
[Prop=Value] (e.g [tag=test]) => applies to blocks with a Tag equal to "test"

3) Quick example to get started.

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

/* I like big fonts all over the place */
* {FontSize: 20}
/* Applies to outports inside subsystems */
Subsystem Outport {BackgroundColor: "magenta";}
/* Applies to Goto and From blocks */
From, Goto {BackgroundColor: "yellow"; ShowName: "off"}
/* Change Constant blocks size */
Constant {width: 70; Height: 40}

2. Apply styles to current Simulink model

applyCSS(bdroot,'styles.css')

Cite As

Marco Gavelli (2022). SimCSS (https://github.com/gave92/SimCSS), GitHub. Retrieved .

MATLAB Release Compatibility
Created with R2016b
Compatible with any release
Platform Compatibility
Windows macOS Linux
Acknowledgements

Inspired by: Matlab CSS (MSS)

Community Treasure Hunt

Find the treasures in MATLAB Central and discover how the community can help you!

Start Hunting!

docs/images/logo

To view or report issues in this GitHub add-on, visit the GitHub Repository.
To view or report issues in this GitHub add-on, visit the GitHub Repository.