Skip to main content

Styling a Modal

Once you have created a modal, it's time to style it.

Like all the DrapCode builder components, the modal component is also made up different layers of sub components, which makes it very flexible. You can style each and every part of a modal as per your wish.

Adding Content in a Modal​

The default structure of a modal contains a header for modal title and a paragraph component for modal body. You can remove the defaualt content and add content of your choice.

DrapCode Builder Modal Styling

Adding Components in a Modal​

Like other components, Modal is also very flexible. You can remove the existing components and add new components in it of your choice.

In the example below, an image component is dropped inside a modal.

DrapCode Builder Modal Styling

Designing a Modal​

Just click once on the component you want to style in a modal and the Style Manager of that component will open automatically in the Right Toolbar of the builder.

In the example below, background colour of a button is changed using the Style Manager.

DrapCode Builder Modal Styling