5b17c278daa463ec9d8029c8ae046a4a4d95af67
FAQ/Questions/Overriding-page-level-css.md
| ... | ... | @@ -176,4 +176,37 @@ AdHocSettings Properties applicable to Dashboards.aspx |
| 176 | 176 | |
| 177 | 177 | * [[DashboardsCssUrl|/API/CodeSamples/DashboardsCssUrl]] |
| 178 | 178 | |
| 179 | -_**Note:** You may need to append the **!Important** flag onto certain CSS properties so they will override the existing styles._ |
|
| ... | ... | \ No newline at end of file |
| 0 | +_**Note:** You may need to append the **!Important** flag onto certain CSS properties so they will override the existing styles._ |
|
| 1 | + |
|
| 2 | +##CSS Configuration |
|
| 3 | + |
|
| 4 | +You can make changes to css by adding a custom.css file to the dependency chain |
|
| 5 | + |
|
| 6 | +````html |
|
| 7 | +<!DOCTYPE html> |
|
| 8 | +<head> |
|
| 9 | +... |
|
| 10 | +<link rel='stylesheet' href='Resources/css/custom.css' /> |
|
| 11 | +... |
|
| 12 | +</head> |
|
| 13 | +```` |
|
| 14 | + |
|
| 15 | +Then, in the custom.css file you created, you can make any edits you need to overwrite Izenda's styles; this includes bootstrap stylings. You may find it necessary to use !important in some cases. |
|
| 16 | + |
|
| 17 | +````css |
|
| 18 | +.whatever-class { |
|
| 19 | +font-size: 130% !important; |
|
| 20 | +} |
|
| 21 | + |
|
| 22 | +#whatever-id { |
|
| 23 | +background-color: rgba(0,0,0,.7); |
|
| 24 | +} |
|
| 25 | +```` |
|
| 26 | + |
|
| 27 | +You will also notice that we now are minifying the css files; the js files will follow suit down the road. The min.css extension should be visible as a reference in the views. |
|
| 28 | + |
|
| 29 | +```` |
|
| 30 | +<link rel='stylesheet' href='Resources/css/whatever.min.css' /> |
|
| 31 | + |
|
| 32 | +```` |
|
| 33 | + |