Search

CSS Web Resources

CSS stylesheets are represented by CSS Web Resources.

You can edit your stylesheets in the CSS Web Resource editor, using the:

Design tab organises your rules in a user-friendly UI and allows you to quickly edit common properties.
Code tab presents the raw CSS source. Helpful if you are pasting snippets or writing advanced selectors.

You can attach CSS Web Resources to a:

Page by selecting the page and editing its Web Resource properties.
Form by opening the Form Properties window and selecting the Web Resources tab.
Theme in its Presentation Template's Web Resources section.

Steps

1

Create a Form. Create a new CSS Web Resource, name it styles and add it to your Form.

2

Create a CSS rule:

.myButton{
  border-radius: 0.25rem;
  border: 1px solid #888;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}

3

Add two Button Controls to your Page. Add the class myButton to one of the buttons.

4

Run the Form. The styles have been applied to the button with the class.

Previous Page Next Page

Current Module

CSS & SCSS Styling

Introducing Web Resources

CSS Web Resources

SCSS Web Resources

Related

Web Resource Inheritance

Web App Manifests

SCSS Web Resources

Ordering JavaScript Web Resources

Testing REST Web Service Resources

Previous Page Next Page