Skip to content
Wappler Docs
Open in Wappler

Styles Panel Overview

Explore HTML Editor Styles Panel: key areas and how they work together.

Styles tab

The Styles panel is where visual decisions become traceable CSS rules instead of vague design changes. This overview explains what the panel is for, how it supports everyday styling work, and why the focused how-to tours build on it for search, cloning, source jumps, and rule creation.

Screenshot: Styles tab
Screenshot: Styles tabClick to open the larger image

Styles toolbar

Search rules, toggle overloaded styles, add new rules, and refresh.

Screenshot: Styles toolbar
Screenshot: Styles toolbarClick to open the larger image

Rules and values

Browse rules affecting the selection and tweak values.

Screenshot: Rules and values
Screenshot: Rules and valuesClick to open the larger image