mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ADF-2296] Background color on form buttons (#2953)
* add a targeting ID for any Form button * custom outcome style ID
This commit is contained in:
committed by
Denys Vuika
parent
6e57cd3e17
commit
ae0994edf1
BIN
docs/docassets/images/form-style-sample.png
Normal file
BIN
docs/docassets/images/form-style-sample.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 35 KiB |
@@ -269,6 +269,40 @@ formService.formEvents.subscribe((event: Event) => {
|
||||
});
|
||||
```
|
||||
|
||||
#### Customize form outcomes (buttons) styles
|
||||
|
||||
If you want custtomize the outcoumes style of your form you can do it using plain css selectors.
|
||||
Any outcome has an Id that is composed in the following way:
|
||||
|
||||
|
||||
```
|
||||
adf-form-YOUR_OUTCAME_NAME
|
||||
```
|
||||
|
||||
Using the CSS you can target any outcome ID and change the style as in this example:
|
||||
|
||||
```css
|
||||
#adf-form-complete {
|
||||
background-color: blue !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
#adf-form-save {
|
||||
background-color: green !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#adf-form-customoutcome {
|
||||
background-color: yellow !important;
|
||||
color: white;
|
||||
}
|
||||
```
|
||||
|
||||

|
||||
|
||||
|
||||
|
||||
## See also
|
||||
|
||||
- [Stencils](stencils.md)
|
||||
|
Reference in New Issue
Block a user