Skip to content

Style aux form #310

Answered by Hieromon
Koxx3 asked this question in Q&A
Feb 13, 2021 · 3 comments · 2 replies

You must be logged in to vote

Each element placed on a custom web page has a div element with a .noorder class as the parent element. You can qualify the style of the particular elements by using CSS selector with the .nooder class.
You allow the sketch to override the style of selected elements by declaring the CSS using ACStyle element within your custom web page definition.

For example, the CSS to align the label columns of a custom web page is following:

.noorder {
    width: 100%
}

.noorder label {
    display: inline-block;
    width: 10.5em;
    cursor: pointer;
    padding: 5px
}

.noorder input[type='number'] {
    width: 4em;
    margin: 3px 0.3em 0 0;
    padding: 3px
}

The JSON for a custom web page decla…

Replies: 3 comments 2 replies

You must be logged in to vote
1 reply
@DanMan32

Answer selected by Hieromon

You must be logged in to vote
1 reply
@Hieromon

You must be logged in to vote
0 replies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
4 participants
Converted from issue

This discussion was converted from issue #308 on February 16, 2021 03:27.