Components Category

Container

About container A container is a tool used to build a set of components within a defined space. Within a container, you will be able to add different components that are available within the page…

Label

Introduction A label can be used to add a specific text label for your page. For instance, you may have different sections in your page and you can use different text labels to identify these…

Button

Introduction A button is a key component of any application as it lets users submit their preferences. Buttons can be added to point you to a different page or launch a popup based on specific…

Icon

Introduction Icons are interactive elements that are used in applications for UI purposes. An icon component allows you to add icons to your page. How to use it?…

Card

Introduction A card can be configured to display important data like, the available assets available, cost of available assets, or pending requests with the admin staff.…

Progress bar

The progress bar component shows the progress status for a value range in different forms. There are three types of progress bars: Linear, Circular, Semicircular.…

Image

Introduction Using an image component, you will be able to add images to your application. How to use it? Images can be sourced to the page in the form of URLs.…

Hyperlink

Introduction A hyperlink component lets you add links to your page. On clicking the hyperlink, the users can access additional information related to the given content.…

IFrame

Introduction An inline frame, commonly referred to as the iframe, is an HTML element used to embed another webpage within the current page. The iframe element gets the code from the referenced…

Managing component style properties

Alignment Align and Justify The page builder provides various alignment options to align the components placed in the body of the page. The alignment can also be done within a container,…

Tab

Introduction A tab component lets you categorize content into different tabs. Using a tab container, you can create a horizontal navigation bar with individual tabs having a container(link) of its…

Master details

Introduction A master detail is a repository of data. Using a master detail component in your page lets you add a dataset or a data form that holds the master record.…

Popup

Introduction The popup component lets you add popups to your page. A popup is a small window that appears over the existing page on an action. Each popup component contains a popup header and a…

Working with custom page components

Building custom components using Kissflow SDK The custom page component feature lets you build an entire page from scratch using HTML elements, bypassing the default components entirely.…

Columns

Columns are a unique type of container component. You can use columns to place and organize content side-by-side horizontally. In Kissflow, you can add columns, change their layout,…

Working with custom form field components

Building a custom form field component You can build your own custom form fields as custom components to use across all forms in your app. To do this, follow the installation and building…

Working with custom components in Kissflow Apps

What are custom components? Custom components play a crucial role in low-code development by enabling code reuse and accelerating app creation. Kissflow provides a variety of default page components…