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;
}
Modal box: detail box does not show up
- Jan
- Phoca Hero
- Posts: 48428
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Modal box: detail box does not show up
If you find Phoca extensions useful, please support the project
Tags:
- fabio42
- Phoca Enthusiast
- Posts: 81
- Joined: 09 Oct 2018, 16:39
Re: Modal box: detail box does not show up
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
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
- Phoca Hero
- Posts: 48428
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Modal box: detail box does not show up
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
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
- fabio42
- Phoca Enthusiast
- Posts: 81
- Joined: 09 Oct 2018, 16:39
Re: Modal box: detail box does not show up
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!
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
- Phoca Hero
- Posts: 48428
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Modal box: detail box does not show up
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
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
If you find Phoca extensions useful, please support the project
- fabio42
- Phoca Enthusiast
- Posts: 81
- Joined: 09 Oct 2018, 16:39
Re: Modal box: detail box does not show up
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?
Thanks for your kind patience!
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 I can't have button colours AND modal box. This is killing meseems 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)
Thanks for your kind patience!
-
- Phoca Hero
- Posts: 2831
- Joined: 28 Nov 2010, 17:20
Re: Modal box: detail box does not show up
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)
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
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)
Just for checking:@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!
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
- Phoca Enthusiast
- Posts: 81
- Joined: 09 Oct 2018, 16:39
Re: Modal box: detail box does not show up
@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!
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!
-
- Phoca Hero
- Posts: 2831
- Joined: 28 Nov 2010, 17:20
Re: Modal box: detail box does not show up
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
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
- Phoca Enthusiast
- Posts: 81
- Joined: 09 Oct 2018, 16:39
Re: Modal box: detail box does not show up
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.