Create Silex components
This document is a work in progress, we need your help, ask questions in the issues and add info here please
Please read the page How to Host An Instance of Silex before trying to create your own components
Silex components are elements you can add to a website through the "+" menu. They are created with a tool called "Prodotype" which compiles them for Silex and generates the UI.
- Empower your users with new tools
- The UI is generated, you just need to describe the parameters
- It is like a widget (simple HTML code you put in an HTML box) but your users can not view the code, and can edit parameters in a UI
You can add components to your instance for your users. There is a page about How To Add Silex To Your Node.js Project.
In short, Silex is included in your project as an npm dependency. You add components in Silex folder and rebuild components.
The components files live in src/prodotype/components/. Each component is made of an HTML template (.ejs file) and a description file in a markdown file (.md).
Components files are compiled with the command npm run build:prodotype
If you add components - thank you! Please make a pull request and after it is merged update the documentation wiki.
Components are made of 2 files: a text file which describes its properties, and an HTML template which use the properties to render the component.
Links:
This is how it looks like when you add a component:
