Modal box: detail box does not show up

[Jan]

The only issue I see there, the scrollbars and not full height, which is caused by

joomla/media/plg_system_wf_responsify/css/responsive.min.css

Disabling it, everything is OK:



The problematic part is height auto here:

.wf-responsive-iframe, .wf-responsive:not(table) {
max-width: 100% !important;
height: auto;
}

[fabio42]

Yes, Jan, that's what I said in my previous post but I'm confronted with 2 issues:
1/ the buttons (donwload / details) have no colours (check the screenshots in my former post)
2/ the modal box has a scroll bar which is not elegant and functional. Can't all the details be displayed at once?
Thanks for your help

[Jan]

Hi, did you read my last post:

1) seems like Gantry Bootstrap: joomla/media/gantry5/engines/nucleus/css-compiled/bootstrap5.css does not have CSS information for buttons (in this case btin-success, btn-info)
2) is caused by: joomla/media/plg_system_wf_responsify/css/responsive.min.css

[fabio42]

ok Jan, I missed your last post (page 2, sorry me!! ) when I posted mine.

1/ How / where can I add the css information?
(by upgrading to the latest phocadownload component) I thought the css would transfer itself directly (I used to have these color buttons in the last versions of Phocadownload)
2/ If I disable the responsive plugin then, I cannot use its functionalities which are coupled with JCE editor pro:
"Responsify is a powerful Joomla plugin designed to ensure that various media elements, including objects, videos, audio files, and iframes (such as YouTube and Vimeo embeds), are fully responsive on the front-end of your website."

So, is there any way to keep RESPONSIFY and modify the code somewhere just for Phocadownload to work fine? (to have the full view of the details without a scrollbar)
3/ Can you tell me how to remove Bootstrap (the old version)? Really, I'd love to know!

@Christine
For the template I select the "default" in STYLES. The frontpage of my website is changed but when I type the phocadownload full address in my browser bar (namesite/joomla/phocadownload/methodology for example), I get the Gantry template!
(though Cassiopeia is default on ALL pages!

Thanks again!

[Jan]

Hi,

3) in fact I don't know as I don't use Gantry anymore. This is much more a question on Gantry developers

2) you don't need to disabled it but you need to do specific CSS rule for modern Bootstrap modals - e.g. in your custom.css/user.css (depends on Gantry which type of custom CSS it uses (this is even much more a question on Gantry developers)

1) See 2) In Joomla you can add additional CSS in your user.css or custom.css (in Joomla 4/5 it is user.css but depends on template, so Gantry can use e.g. custom.css or custom.scss).

The question is if not use some Joomla 5 template which supports latest Bootstrap.

Jan

[fabio42]

Thanks!
3/ I'll ask them how to proceed!
2/ ok too
1/ this seems to be custom.scss
so what code should I add in this file to call for the button information?

seems like Gantry Bootstrap: joomla/media/gantry5/engines/nucleus/css-compiled/bootstrap5.css does not have CSS information for buttons (in this case btin-success, btn-info)

Seems like I can't have button colours AND modal box. This is killing me

Thanks for your kind patience!

[christine]

Hi Fabio,

Generally about custom.css / custom.scss:
https://docs.gantry.org/gantry5/tutoria ... tyle-sheet

After switching to Cassiopeia temporary:
(of course the position of menus etc. can be different)

@Christine
For the template I select the "default" in STYLES. The frontpage of my website is changed but when I type the phocadownload full address in my browser bar (namesite/joomla/phocadownload/methodology for example), I get the Gantry template!
(though Cassiopeia is default on ALL pages!

Just for checking:
Menu > Main Menu (if PD Menu is there) > Downloads > Details > Template Style
Normally it says: - Use default -
Check what it says there. Select: Cassiopeia

Kind regards
Christine

[fabio42]

@Christine
Thanks, I succeeded in changing the template. Everything works fine:
1. The modal box appears correctly
2. The layout of the buttons is correct as well

Thsi means that something is wrong with Gantry Helium. Hope they'll be able to help me on that point!
So many thanks for all your support here!

[christine]

Hi Fabio,

The modal box (detail infos) looks good now. If it fits now, then it's good. So I'm closing the thread.

Kind regards
Jan & Christine

[fabio42]

Well, this is not the modal box. I was obliged to switch to "tooltip" in the menu because if I choose "modal box" then I can't have the "rounded buttons" (they do not appear at all) along. Jan told me it was because the css was not loaded in Bootstrap 5 (so I'm obliged to load the bootstrap.min.css). I contacted Gantry support for the afore mentioned problems, so far, no answer.