> For the complete documentation index, see [llms.txt](https://docs.quantumbyte.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend.md). # Frontend - [Frontend Services Types](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/frontend-services-types.md) - [Create Service](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/1.started.md): Follow this guide to create Frontend Service - [Create Form Service](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/1.started/1.simple_layanan.md): Create Form service with frontend, backend, and API Integration. - [Component Settings](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/2.components.md): Add and Configure Components - [Page Settings](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/3.pages.md): Learn how to add and configure pages. - [Live Preview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/4.preview.md): Live preview the services you have made. - [Publish](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/5.publish.md): Publishin your services to the public. - [Form Configuration](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir.md) - [Widget Form](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/1.started.md): The form widget in the application builder allows you to easily create custom forms for your app without any programming skills. - [Form Types](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/2.type.md): The form widget provides a variety of field types. You can choose and customize these elements to fit your specific needs. - [Validation](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/3.validation.md): The form widget includes a validation function to ensure that the data users enter meets your specific requirements. This helps prevent errors and guarantees data accuracy. - [Process](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/4.process.md): Form to configure data processing. - [Stepper](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/5.stepper.md): The stepper includes a progress indicator to show users how far along they are in completing the form steps. - [Payment](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/7.payment.md): The Payment feature in the form widget allows you to set up and integrate payment elements directly into your form. - [Shipping](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/8.shipping.md): Shipping/"Pengiriman" dalam widget formulir mencakup pengaturan dan integrasi elemen formulir. - [Widget](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget.md) - [Form](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/1.formulir.md): The Form Widget is a widget used to create forms within the application, featuring various data types and input elements such as text, numbers, images, and more. - [Popup](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/10.popup.md): The Popup Widget is a widget used to display a small window or popup over the main layout. - [Divider](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/11.divider.md): The Divider Widget is a widget used to separate or divide elements from one another within the user interface. - [Spacer](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/12.spacer.md): The Spacer Widget is a widget used to add empty space or padding between elements within a layout. - [Data External](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/13.data_ext.md): The External Data Widget is a widget used to integrate data from external sources into the application. - [View External](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/14.view_ext.md): The External View Widget is a widget used to display views or content from external sources within the application. - [Transaction History](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/15.history_trans.md): The Transaction History Widget is a widget used to display transaction records or history within the application. - [Identity Information](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/16.info_identitas.md): The Identity Info Widget is a widget used to display identity or profile information of a user or a specific object within the application. - [Image](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/2.image.md): Widget image adalah widget yang digunakan untuk menampilkan gambar atau grafik dalam antarmuka pengguna. - [Image Slider](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/3.slider.md): Widget image slider adalah widget yang digunakan untuk menampilkan serangkaian gambar yang dapat bergeser atau berubah secara otomatis, menciptakan efek slide show - [Button](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/4.button.md): Widget button adalah widget yang digunakan untuk membuat tombol yang dapat diklik oleh pengguna, digunakan untuk memicu aksi atau perubahan dalam aplikasi - [Listview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/6.listview.md): Widget ListView adalah widget yang digunakan untuk menampilkan daftar elemen dalam tata letak vertikal. - [Listview Data](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/7.listview_data.md): Widget ListView Data adalah widget yang digunakan untuk menampilkan daftar data dalam tata letak vertikal - [Gridview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.gridview.md): Widget GridView adalah widget yang digunakan untuk menampilkan elemen dalam tata letak grid (kisi). - [Htmlview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.htmlview.md): Widget yang berfungsi untuk memuat raw html, dimana frontend builder juga dilengkapi dengan built-in HTML Editor - [Webview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.webview.md): Widget WebView adalah widget yang digunakan untuk menampilkan dan merender halaman web atau konten web dalam aplikasi - [MapView](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/9.mapview.md): Widget MapView adalah widget yang digunakan untuk menampilkan peta atau informasi geografis dalam aplikasi. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.