When we set up our App Portal, we customised the look of with the help of a Flexera resource. We use a card catalog view.
Up to now we have not enabled Express Checkout – but we would like to do this pretty soon.
I enabled it in or Dev environment (which mirrors our prod environment) – after enabling it, the Catalog Item cards/icons ended up being displayed in random positions. It would not happen on chrome when looking on a monitor, but would on chrome on a laptop (smaller screen), it would happen when using IE and reducing the size of the window.
After some investigation I edited the custom.less file (in our Dev environment) to remove
.cardHeight{
height:inherit!important;
}
Now the icons will always display in a line …. But when I scroll to the bottom of the page the icons overlap onto a black background – which does not look nice. Also – the ‘Install Now’ button seems to hang a little below the Catalog Item Card.
Has anyone else come across this and found a solution?
Jul 15, 2020 12:25 AM
Jul 17, 2020 01:47 PM
Hi,
Thanks for your reply.
The Infrastructure Services Detailed Design doco provided by the Flexera Resource have a section around Custom Configurations – see below:
Custom Configurations
The following custom configurations have been implemented. All custom configuration files are are located in the G:\AppPortal\APImplFiles2017R1 (ImplFiles) folder on the App Portal Web Server.
Custom Icons
The App Portal logo has been replaced with the Customer logo. All logos are located in the {ImplFiles}\web\Images\Customer folder.
Style Sheets
Custom stylesheets have been configured to tailor the App Portal web site to meet the Macquarie Bank style guide requirements. The customised files are:
We have since upgraded to 2019R1.
Do you think the answer is in the Custom.less file? I have no idea about this.
Jul 20, 2020 06:27 AM
I don't know what is in the "implFiles" folder, so I can not say if this might be contributing.. My guess, is that this is not contributing.. Probably contains a custom web service, or something of that nature.. Custom icons could potentially cause an issue, but the most likely cause would be custom .css. Do you have an dev environment where you can reproduce the issue, and test with? My first suggestion would be to drop in an empty custom.less file to see if the issue persists.
Jul 20, 2020 07:56 AM
Thanks, I tried the empty custom.less in our dev environment and the issue did not present itself. We will have to keep our company skins on our Prod App Portal front end. I've engaged someone from our design team to look at the custom.less file to see if they can help.
Jul 21, 2020 01:20 AM