You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

  Monday, 07 January 2019
  9 Replies
  5.4K Visits
After deciding to move to a Gantry 5 template, after using an Artisteer designed one, I find that my Media Box popups, that I have used extensively to popup articles (see for example the (bio) link here: https://www.victoriasforestryheritage.org.au/forestry-legislation.html) create a conflict with menu design inside the Gantry 5 framework. The Rockettheme suggestion was to switch off the JCE Media Box plug in - the menu design (aligning menu items) now works, but of course I have no popup functionality. see -

https://victoriasforestryheritage.com/

Is there a fix for this issue that allows me to continue with Media box, or do I need to look at another pop up option?
more than a month ago
·
#97826
The Gantry framework includes the Lightcase script - http://cornel.bopp-art.com/lightcase/ - which is a decent alternative.

I have create a plugin for helping to create Lightcase popups, as you would with MediaBox - https://github.com/widgetfactory/jce-popups-lightcase

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#97827
Ryan

I have Lightbox installed etc and have got your plugin working.

What I cannot see is how just to select the article content as the popup - at the moment I get the whole page - headers footers etc.

I have tried a couple of things under the advanced tab without success. Is there an option that just picks up the article content on the page I am linking too in creating the popup?

Richard
more than a month ago
·
#97828
Add ?tmpl=component (or &tmpl=component if the url already contains a ?) to the end of the url.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#97829
Ryan. That worked thank you. But being a novice, how might I use custom css to control the lightbox display. I have a custom css file for other things, and I assume I could put some code into that file to get a consistent look across the site. At present it picks up the template backround etc which is not suitable for this use.

So - is there something like:

lightcase {background-color: red:
font-color: blue;
}

that would work?

I guess I do not understand how to get the custom css code to apply to the lightcase module.

Richard
more than a month ago
·
#97831
Please post a link to an article containing an active Lightcase popup.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#97835
Ryan

A page from my developing site is here:

https://www.victoriasforestryheritage.com/people1/articles-about/275-bjarne-dahl.html

There are two pop links on this page which was my way of fiddling with options. The "bio" link is used throughout the site to popup a short history of each author.

There is also a pop up at load on the front page:

https://www.victoriasforestryheritage.com/

My published site, using Artisteer templates, is here, just in case:

https://www.victoriasforestryheritage.org.au/
more than a month ago
·
#97843
You may notice there is no difference between the "RT Solution" popup and the "JCE Solution" popup, as they are both using Lightcase to create and display the popup content. The JCE Lightcase plugin you installed merely facilitates the creation of a lightcase compatible link, and does not add anything else to the popup.

The styling of the popup contents is controlled by your template, which uses a special stylesheet for "component" content, which is article content displayed without accompanying modules etc. (which is what makes it suitable for display in a popup).

You can see the article outside the popup here - https://www.victoriasforestryheritage.com/people1/author-bios/134-leonard-mike.html?tmpl=component

This content is styled with the template stylesheet - templates/rt_callisto/custom/css-compiled/callisto__body_only.css - and the background colour set with a css rule in this stylesheet:


body {
color:#888;
background:#1f1f1f;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}


It would be a good idea to contact Rockettheme to get their advice on the best way to override this style, to create the popup content you require.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#97847
Ryan

Have done that now. Will see what happens.

Thanks for your help.

Richard
more than a month ago
·
#97865
Ryan

I got a good response from Rocket Theme. Hope what is below helps if others have this same issue.

In your custom.scss

For the whole sheet as an example:

#lightcase-overlay {
opacity: 0.3 !important;
}

For styling the popup itself as an example, if the popup content is coming from the same site.

body.modal.contentpane {
background-color: lightgray !important;
color: black;
}


Regards

Richard
  • Page :
  • 1
There are no replies made for this post yet.
Be one of the first to reply to this post!