image thumbnail

SimCSS

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

16 Downloads

Updated 06 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 (2021). 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.