SFU.includeCustomCssFiles()
- Last UpdatedApr 28, 2021
- 1 minute read
Use includeCustomCssFiles() method to include custom CSS files in the form.
In the AVEVA Work Tasks Pro app, the API loads the content asynchronously.
Syntax
SFU.includeCustomCssFiles(filesArray);
Parameters
|
Parameter |
Description |
|
filesArray |
Path array of custom CSS Files to include in the form. |
Return Value
None
Example
// In Form On Load event, include your CSS file as a part of the rendering form.
var files=["custom/css/MyCustomFile.css"];
OR
var files=["custom/css/myCustomFile1.css", "custom/css/myCustomFile2.css"];
SFU.includeCustomCssFiles(files);
Note:
- Update the CSS files in the path: ../<BPMUITemplates>/Default/NextGenForms/custom/css.
- If Theme is applied, the css file must be tagged with FormCustomThemePath, for example, var cssFiles=["FormCustomThemePath:MyCustomStyleSheet.css"]; and must
be placed in ../<BPMUITemplates>/Default/NextGenForms/custom/Themes/<ThemeName>/css.
- If Theme is not applied, the css file can be placed in ../<BPMUITemplates>/Default/NextGenForms/custom/css/MyCustomStyleSheet.css. You can create folder structure in <Installpath>/Web/BPMUITemplates/Default/NextGenForms/custom/css/ to place the css files, for example, ../<BPMUITemplates>/Default/NextGenForms/custom/css/Mycssfolder/MyCustomStyleSheet.css
- For support in the AVEVA Work Tasks Pro app, update the CSS files in the path ../<BPMUITemplates>/Default/NextGenForms/custom/css.
- For AVEVA Work Tasks Pro app, mapping of themes is not considered.