Custom CSS (cascading style sheets) and JS (JavaScript, specifically jQuery library) can be "overlaid" on the Impexium Portal.
CSS is used for changing styles of everything, colors, fonts, buttons, etc. as well as hiding elements. JS is used for functionality, however, there are limitations due to the way the portal does very complex thing with JS.
These are added to the Portal via the "Web Sites" app in the administration in the overall "Web Site" and "Site Settings".
Site Template
Static HTML for the "Site Header" and "Site Footer" are copies of the main ALTA web site shell.
There have been complex modifications to the code and styles in order to make Impexium's code mesh with ALTAs.
There "blue.css" file is on ALTA's servers and contains all of the overlay changes for general design.
Advanced Settings - This Site
This is a chunk of code that's included in the HTML header section, so we can drop CSS and JS in for the Public Portal. Not included here are "under the hood" things such as GTM code, icons, etc. or general site design necessary for the site template to match. Listed here are functionality and more complex changes.
Updates to the Impexium platform can cause some of these to break if they change the IDs or Classes of HTML elements that these rely on to scope the changes made.
SSL Redirect (JS)
- As the Impexium Portal cannot force SSL, this code redirects to the HTTPS version of any URL if HTTP is used.
Login Form (JS)
- Instructions are injected into the login form to contact ALTA if any issues.
Login Form (CSS)
- There are somewhat extensive changes so the login form matches ALTA's branding.
Image Upload (CSS)
- Code hides the ability to upload photos or logos to individual and organization profiles, and adjusted the size of the table to compensate.
Directory Status (CSS)
- A box which indicates if they have chosen to be viewed in the directory is hidden. This baseline functionality isn't used, and is confusing to see the "badge" on the profile for the user.
Renew Buttons (CSS)
- When a Termed product in Impexium is set to NOT be public for purchase, it still shows up for Renewal. (Request for this option submitted to Impexity.)
- These "Renew" buttons show up in various places in the Portal in their profile details as well as purchased process.
- These are all forced to be hidden.
Advanced Settings - Administration Site
This is a chunk of code that's only for the Admin Portal, much is the same as above, but must be duplicated since it's a different shell.
Impexium caches the "tab" that you were "last on" for a particular page/section/tool. If you come directly to that same page, then JavaScript can kick in for some of these adjustments. However, simply switching tabs "in page" cannot trigger the JS. Only a full page reload will do that. So anything "JS" here isn't full proof.
Contact Information (JS)
- Instructions for how "Work" or "Main" or "Other" should be used in emails, phones, and addresses is injected on those tabs.
Phone Mask (JS)
- Forces only digits to be used for phone numbers, which are then converted properly to 000-000-0000 format.
Image Upload (CSS)
- Code hides the ability to upload photos or logos to individual and organization profiles, and adjusted the size of the table to compensate.
Directory/Preferred Status (CSS)
- A box which indicates if they have chosen to be viewed in the directory or various "preferred" things we aren't using are hidden.