Custom uifigure components
WEBLAB
A tool for developing custom uifigure components in Matlab
How To Use • Components • How To Make Changes • License
How To Use
To use a custom component, you will to create a
Frame inside the uifigure
and then insert
your component into it.
% Create the uifigure
uifig = uifigure();
% Create the frame
frame = weblab.internal.Frame("Parent", uifig);
% Initialize your component
myComponent = weblab.components.MyComponent();
% Insert
frame.insert(myComponent);
Note: The inserted component will occupy the full height and width of the frame. If you want to reposition or resize it inside the figure, use the
Position
property of theFrame
.
Components
These components are currently supported:
- Tree: docs / src
- TagBar: docs / src
- TagFilterTree: docs / src
- Progress: docs / src
- CodeEditor: docs / src
- HTMLContainer: docs / src
More to come! These are the next planned components:
- PDF renderer
- Interactive plots
Developing your own components
WIP
How To Make Changes
If you make changes to the Typescript source code, you will need to rebuild the project. For that, you'll first need Node.js (which comes with npm) installed on your computer.
From a terminal at the project root, type the following commands:
# Go into the HTML source folder
$ cd +weblab/source
# Install dependencies
$ npm install
Now you can make changes in the TS source code, located inside the +weblab/source/src subdirectory.
Important: Once your changes are complete, rebuild the project by running in the terminal
$ npm run build
Issues and PRs
Issues and pull requests are appreciated. I will do my best to take into account your opinions and recommendations
License
Cite As
Antonio Hortal (2025). Custom uifigure components (https://github.com/LordTumnus/weblab/releases/tag/0.1.4), GitHub. Retrieved .
MATLAB Release Compatibility
Platform Compatibility
Windows macOS LinuxTags
Community Treasure Hunt
Find the treasures in MATLAB Central and discover how the community can help you!
Start Hunting!Discover Live Editor
Create scripts with code, output, and formatted text in a single executable document.
+weblab/+components
+weblab/+components/+mixin
+weblab/+components/+pseudo
+weblab/+event
+weblab/+event/+fromJS
+weblab/+internal
+weblab/+internal/+deprecated
+weblab/+internal/+pseudo
+weblab/+style
+weblab/+utils
+weblab/examples/deprecated/+weblab/+internal/+deprecated
demos/toolbar
Version | Published | Release Notes | |
---|---|---|---|
0.1.4.0 | See release notes for this release on GitHub: https://github.com/LordTumnus/weblab/releases/tag/0.1.4 |
||
0.1.3.0 | See release notes for this release on GitHub: https://github.com/LordTumnus/weblab/releases/tag/0.1.3 |
||
0.1.2.0 | See release notes for this release on GitHub: https://github.com/LordTumnus/weblab/releases/tag/0.1.2 |
||
0.1.1.0 | See release notes for this release on GitHub: https://github.com/LordTumnus/weblab/releases/tag/0.1.1 |
||
0.1.0 |