Twidget provides a robust mechanism for creating web pages accessible via a browser. This feature enables users to build various types of pages using a no-code interface, enhancing the platform's developer experience.
-
Users can initiate page creation by navigating to the pages section, where three primary options are available:
Form Page Generator: Facilitates the creation of forms linked to specific endpoints, allowing data submission to a designated table. Users can customize forms by incorporating both table fields and custom fields.
Authentication Page Generator: Enables the creation of login and sign-up pages by selecting the corresponding authentication endpoints. This feature requires the presence of an authentication table in the database.
Custom Page Creator: Allows users to design pages from scratch, providing options for naming, path setting, and integration of scripts for enhanced functionality. Users can also designate alternative pages like 404 error pages.
Each page consists of various elements, which can be added through a drag-and-drop interface. Elements are managed within a layered layout structure that visually represents the hierarchical relationship among components. Pages can utilize multiple layout types, including headers, sidebars, modals, and drawers, to organize content effectively.
Pages possess their own set of variable objects—path parameters, query parameters, and page variables. These can be defined and used throughout the page to create dynamic behaviors and content, allowing for personalized interactions based on user input or navigation context.
The functions feature empowers users to define custom scripts triggered by events on elements, similar to API functions. These functions can handle actions such as form submissions and button clicks. Users can access a variety of command categories specially designed for page contexts, enhancing the interactivity of web pages created within Twidget.
The history function tracks changes made to pages, allowing users to revert to previous versions if needed. Changes can be previewed dynamically before publishing. Upon publishing, the changes are finalized, and the history resets, ensuring a clean versioning system.
Users can view their pages in a live preview mode to test functionality before making it publicly available. A unique URL is generated for each published page, allowing easy access through an eye icon in the pages tab.
The pages feature within Twidget offers a flexible, no-code solution for creating interactive web content. By leveraging form and authentication generators alongside customizable page layouts and dynamic functions, developers can efficiently construct robust user interfaces embedded within their applications.
Page List Loop
The Page List Loop Element in Twidget is a powerful feature designed to enable dynamic repetition of UI elements based on a data source. By utilizing this component, developers can create interfaces that automatically display lists of content, allowing for more interactive and data-driven applicatio...
Generating Login Pages
This documentation outlines the process of generating a login page using Twidget, a no-code API development platform designed to facilitate user authentication functionalities seamlessly within applications. Purpose. The main objective of generating a login page is to enable user authentication by s...
Data Source Mappers
Data Source Mappers are essential components within the Twidget no-code API platform, designed to facilitate the integration of dynamic data sources with UI elements. They serve the purpose of linking data source attributes to the respective fields required by UI components such as dropdowns, radio ...
Generating Sign Up Pages
The sign-up page functionality in Twidget serves to facilitate user registration by automating the creation of a secure sign-up process. This process ensures that user data is collected and stored efficiently while implementing necessary security measures such as reCAPTCHA verification. Key Concepts...
Page Settings
The Page Settings feature allows users to customize various aspects of their web pages, particularly in relation to branding, security, and domain management. This functionality enhances the user experience by allowing for personalization and integration of essential web components. - Favicon: A fav...
