It is possible to override the default pages, styles, and scripts that are shipped with EmpowerID. Follow the instructions below to override those files.
Most pages in EmpowerID can be overriden. Simply copy the original file to the appropriate folder in the overrides directory to override the original page. Follow the appropriate folder structure detailed below.
Path = C:\Program Files\TheDotNetFactory\EmpowerID\Web Sites\EmpowerID.Web.Overrides
~EmpowerID.Web.Overrides\Areas\Common\[original folder structure]
~EmpowerID.Web.Overrides\[name of the original folder without the periods and 'EmpowerID']\[original folder structure]
Styles and scripts can be overriden in the overrides.css and overrides.js files, respectively. A basic knowledge of CSS and/or Javascript is required to create overrides. For more information, refer to the MDN Web Docs.
Note: only use one overrides.js file and one overrides.css file. CSS or JS files with other names in these folders will have no affect on the site.
To overrides existing styles, simply target the existing CSS selectors in the overrides.css.
To create custom or overwrite existing Javascript, save your code to the overrides.js file.
Note: to override existing Javascript (e.g., properties in eid-nav.js), one must override (that is, copy) the entire IIFE in which the code is encapsulated into the overrides.js file. For more information refer to IIFE on MDN.
Note: The EmpowerID web app uses an MVVM pattern that uses Knockout.js to create View Models. For more information, refer to the Knockout.js docs.
Note: always remember to clear cache and reload the page after every change to these files.