Show - Hide Control - Changing Layout Issue

6 replies · opened Jul 25, 2021

SSISCANJul 25, 2021

Hi

Referring to https://adm-cba.rof.ca/Prod/Prod_IUF.php

The Purchase Control when activated changes the layout

From see image uploaded 21072501-SC-From.png
To see image uploaded 21072501-SC-From.png

Is there any code available in the Theme (Version 5) to keep the layout as intended, like 21072501-SC-From.png, when Control Activated.

Regards
Barry

SSISCANJul 25, 2021

Typo

From see image uploaded 21072501-SC-From.png
To see image uploaded 21072501-SC-From.png

Should be: -

From see image uploaded 21072501-SC-From.png
To see image uploaded 21072501-SC-To.png

SSemicolon WebSTAFFJul 26, 2021

Hello,

Thanks for your Patience!

Apologies for the misunderstanding, but according to the image you have mentioned the Layout already appears to be properly aligned. If this issue is still not solved, please provide us with more details about what is the layout currently looking like and what you are expecting so that we can provide you with further assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSISCANJul 26, 2021

Hi

When the Purchase Control Box is checked it changes the alignment of fields from horizontal to vertical.

They should be horizontal all the time.

Attached 2 # images.

Regards
Barry

SSemicolon WebSTAFFJul 26, 2021

Hello,

Thanks for your Patience!

This issue is because the following code:
[ch_pre][/ch_pre]

applies style="display: inline" when displayed which causes a conflict with the Grid Columns. Simply change display: inline to display: flex.

This should resolve the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SSISCANJul 26, 2021

Thank you very much.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard