From 2267a20391802daea2e121dcfb10a6e0f2e63d1f Mon Sep 17 00:00:00 2001 From: Devin Rosenbauer Date: Mon, 10 Jun 2024 11:01:22 -0400 Subject: [PATCH 1/2] Update plugin development documentation --- docs/iiq/plugin-developer-guide/chapter-5/index.md | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) diff --git a/docs/iiq/plugin-developer-guide/chapter-5/index.md b/docs/iiq/plugin-developer-guide/chapter-5/index.md index 6515051a9..6394c4e10 100644 --- a/docs/iiq/plugin-developer-guide/chapter-5/index.md +++ b/docs/iiq/plugin-developer-guide/chapter-5/index.md @@ -13,15 +13,11 @@ tags: ['plugin', 'guide', 'identityiq'] # UI Elements -Most plugins will have some additional UI component that will display in IdentityIQ. You can use images, CSS files, HTML templates, and JavaScript to provide the interactions and views required by the plugin. Plugins using a `fullPage` element will look for a file called 'page.xhtml' in the build. +Most plugins will have some additional UI component that will display in IdentityIQ. You can use images, CSS files, HTML templates, and JavaScript to provide the interactions and views required by the plugin. Plugins using a `fullPage` element will look for a file called `page.xhtml` in the plugin ZIP. -:::Note +Note: Any CSS installed with the plugin will apply to all elements in IdentityIQ. For this reason it is recommended that developers keep their CSS classes specific to their plugin. For example, prefix them with the plugin's name, such as `.myPlugin-BoldText` instead of `.boldText`. -Any css installed with the plugin will apply to all elements in IdentityIQ. For this reason it is recommended that developers keep their css classes specific to their plugin. - -::: - -The 'page.xhtml' in the 'Todo' example is configured to allow for the input of a new Todo and display all current Todos in the system. The Angular controller used in 'page.xhtml' and all the functions available to the controller are defined in 'TodoModule.js' (located in the '/ui/js' folder). +The `page.xhtml` in the _Todo_ example is configured to allow for the input of a new Todo and display all current Todos in the system. The Angular controller used in 'page.xhtml' and all the functions available to the controller are defined in `TodoModule.js` (located in the `/ui/js` folder). ```javascript /** From fc286238f4e1b1a1b96dfd12c08f068fdadb54b7 Mon Sep 17 00:00:00 2001 From: darrell-thobe-sp <150847304+darrell-thobe-sp@users.noreply.github.com> Date: Fri, 30 Aug 2024 10:54:02 -0400 Subject: [PATCH 2/2] Update index.md --- docs/iiq/plugin-developer-guide/chapter-5/index.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/iiq/plugin-developer-guide/chapter-5/index.md b/docs/iiq/plugin-developer-guide/chapter-5/index.md index 6394c4e10..b968a2271 100644 --- a/docs/iiq/plugin-developer-guide/chapter-5/index.md +++ b/docs/iiq/plugin-developer-guide/chapter-5/index.md @@ -15,7 +15,11 @@ tags: ['plugin', 'guide', 'identityiq'] Most plugins will have some additional UI component that will display in IdentityIQ. You can use images, CSS files, HTML templates, and JavaScript to provide the interactions and views required by the plugin. Plugins using a `fullPage` element will look for a file called `page.xhtml` in the plugin ZIP. -Note: Any CSS installed with the plugin will apply to all elements in IdentityIQ. For this reason it is recommended that developers keep their CSS classes specific to their plugin. For example, prefix them with the plugin's name, such as `.myPlugin-BoldText` instead of `.boldText`. +:::Note + +Any CSS installed with the plugin will apply to all elements in IdentityIQ. For this reason it is recommended that developers keep their CSS classes specific to their plugin. For example, prefix them with the plugin's name, such as `.myPlugin-BoldText` instead of `.boldText`. + +::: The `page.xhtml` in the _Todo_ example is configured to allow for the input of a new Todo and display all current Todos in the system. The Angular controller used in 'page.xhtml' and all the functions available to the controller are defined in `TodoModule.js` (located in the `/ui/js` folder).