Modal box: detail box does not show up

Phoca Download - download manager
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48428
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Modal box: detail box does not show up

Post by 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:

Image

The problematic part is height auto here:

.wf-responsive-iframe, .wf-responsive:not(table) {
max-width: 100% !important;
height: auto;
}
If you find Phoca extensions useful, please support the project

Tags:
User avatar
fabio42
Phoca Enthusiast
Phoca Enthusiast
Posts: 81
Joined: 09 Oct 2018, 16:39

Re: Modal box: detail box does not show up

Post by 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 :wink:
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48428
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Modal box: detail box does not show up

Post by 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
If you find Phoca extensions useful, please support the project
User avatar
fabio42
Phoca Enthusiast
Phoca Enthusiast
Posts: 81
Joined: 09 Oct 2018, 16:39

Re: Modal box: detail box does not show up

Post by fabio42 »

ok Jan, I missed your last post (page 2, sorry me!! :oops: ) 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! :shock:
(though Cassiopeia is default on ALL pages!

Thanks again!
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48428
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Modal box: detail box does not show up

Post by 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. :idea:

Jan
If you find Phoca extensions useful, please support the project
User avatar
fabio42
Phoca Enthusiast
Phoca Enthusiast
Posts: 81
Joined: 09 Oct 2018, 16:39

Re: Modal box: detail box does not show up

Post by 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 :x

Thanks for your kind patience! :oops:
christine
Phoca Hero
Phoca Hero
Posts: 2831
Joined: 28 Nov 2010, 17:20

Re: Modal box: detail box does not show up

Post by 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! :shock:
(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
User avatar
fabio42
Phoca Enthusiast
Phoca Enthusiast
Posts: 81
Joined: 09 Oct 2018, 16:39

Re: Modal box: detail box does not show up

Post by 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
Phoca Hero
Phoca Hero
Posts: 2831
Joined: 28 Nov 2010, 17:20

Re: Modal box: detail box does not show up

Post by 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
User avatar
fabio42
Phoca Enthusiast
Phoca Enthusiast
Posts: 81
Joined: 09 Oct 2018, 16:39

Re: Modal box: detail box does not show up

Post by 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.
Post Reply