Web page management
On the project home page, you can upload static files such as HTML pages, CSS, JS, images, etc., by clicking the Upload Files button. Then, you must select a zip containing all required files to initialize the basic project, or you can directly go to the editor to create a new file.
The Web Editor is one of the most powerful and versatile tools in the Oyster Application Builder, designed to provide users with a seamless and efficient way to create, design, and manage web applications. With its robust features and user-friendly interface, the Web Editor simplifies the process of building dynamic, responsive, and visually stunning web pages, making it suitable for both developers and non-technical users.
The Web Editor integrates comprehensive tools for managing your application's web pages. Your application’s static pages will also appear in the page list, which you can edit. Click on the Pages tab on the left sidebar to see the page list of your application.
Add/Edit/Delete Pages:
Click on the Add Page button to add a new page and fill out the pop-up form accordingly. To edit the page, right-click on the page and click on the edit option, which will redirect you to the selected page.
Your page URL will be decided on your page slug. i.e. If your page name is ‘Blogs’ and slug is ‘blogs’, then your url will be ‘blogs’.
You can add parameters to modify the route. By default, there is a page Slug parameter if none is provided. If your route is ‘/admin/users/id’ for the User detail page, you have to add 2 parameters, ‘pageSlug’ and ‘id. ’
You can also add your custom CSS and JS file paths for the selected page. Attach your event(workflow) on the Page Load Event.
Directory/Folder management:
You can also add/remove folders from the sidebar to customize and control your application structure.
Your page route will contain your folder name. i.e. If your folder is in the root directory and your folder name is ‘admin’, then your new page ‘Users’(slug: users) in the admin folder route will be ‘/admin/users’.