Styling: checkboxes / input fields

Use this Forum to post your “How to …” questions about your use of aXes. This is not a technical support forum. Both the aXes Support Team at LANSA and other aXes customers may answer your questions. LANSA cannot guarantee the accuracy of any information posted by customers.

Moderator: jeanmichel

Post Reply
Joerg Hamacher
Posts: 23
Joined: 09 Mar 2016, 00:29

Styling: checkboxes / input fields

Post by Joerg Hamacher » 19 Jun 2019, 21:18

Hi,
how can I define default styles for checkboxes and input fields?
Every checkbox and every input field should automatically get an orange border and a light grey background.

Many thanks in advance,
Joerg

tim mcentee
Posts: 17
Joined: 26 Jul 2017, 13:20

Re: Styling: checkboxes / input fields

Post by tim mcentee » 10 Dec 2019, 13:39

Hi Joerg

The best way to apply this to all elements, (in every project), is to create a udc.css file and place it in the ../ts/ts2/css folder.

The contents are: (This is for material design)
div.mdc-text-field {
border: 1px solid orange;
}

.md-axes .mdc-text-field__input {
background-color: rgb(220,220,220);
}

.md-axes .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
border-color: orange;
}

Tim

Post Reply