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
Hi,
i'm looking for an ability to style special lightboxes via CSS.
Normal Lightboxes are working well on the whole page.
Now my customer wants a special styled popup (change of background color, change of text color, movement of cross / close button) on a special page.
I'm able to:
There are always scrollbars no matter how much content is inside. This is due to
and i would like to fix this with a kind of class or id to identify the special one (and not to change the existing ones).
I see a wf-mediabox-theme-standard class. Is it possible to set a special parameter inside the popup link to add a special class to the wf-mediabox or change wf-mediabox-theme-standard to wf-mediabox-theme-custom?
Inside this class i can change the overflow behaviour and background colors and so on.
Or do you have another idea how to solve this?
Would be great!
Thanks,
Stefan
i'm looking for an ability to style special lightboxes via CSS.
Normal Lightboxes are working well on the whole page.
Now my customer wants a special styled popup (change of background color, change of text color, movement of cross / close button) on a special page.
I'm able to:
- open a popup with an internal content page
- set height and width
There are always scrollbars no matter how much content is inside. This is due to
.wf-mediabox-content-ajax {
overflow: auto;
}
and i would like to fix this with a kind of class or id to identify the special one (and not to change the existing ones).
I see a wf-mediabox-theme-standard class. Is it possible to set a special parameter inside the popup link to add a special class to the wf-mediabox or change wf-mediabox-theme-standard to wf-mediabox-theme-custom?
Inside this class i can change the overflow behaviour and background colors and so on.
Or do you have another idea how to solve this?
Would be great!
Thanks,
Stefan
Please try RC 8 - https://www.joomlacontenteditor.net/downloads/mediabox/development
I have removed the src attribute and added an option to pass through a class name (class names seperated by a space) using a data-mediabox-css attribute on the popup link, eg:
I have removed the src attribute and added an option to pass through a class name (class names seperated by a space) using a data-mediabox-css attribute on the popup link, eg:
<a href="/image.jpg" class="jcepopup" data-mediabox-css="custom">Click</a>
Just because you're not paranoid doesn't mean everybody isn't out to get you.
I"ve just a released a dev version with a slight change, so you can use a css selector to target a specific popup - https://www.joomlacontenteditor.net/downloads/mediabox/development
So, to apply css to an individual popup, where for example the popup src is an image with the src images/nature.jpg, use a selector like this:
so you can target parts of the popup, eg:
etc.
So, to apply css to an individual popup, where for example the popup src is an image with the src images/nature.jpg, use a selector like this:
.wf-mediabox-body[data-mediabox-src$="images/nature.jpg"]
so you can target parts of the popup, eg:
.wf-mediabox-body[data-mediabox-src$="images/nature.jpg"] .wf-mediabox-container {
}
etc.
Just because you're not paranoid doesn't mean everybody isn't out to get you.
I have fixed the issue in RC6. You can get RC7 here - https://www.joomlacontenteditor.net/downloads/mediabox/development
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Let's try it in more messages
What about having a parameter "custom" or "style" (instead of using src) and give there a value which we can use in the styling.
What about having a parameter "custom" or "style" (instead of using src) and give there a value which we can use in the styling.
<a href="/test-job-popup/2-allgemein/49-popup-jobs.html" type="text/html" class="noicon wfpopup" data-mediabox-src="index.php?option=com_content&view=article&id=49:popup-jobs&catid=2:allgemein" data-mediabox-custom="color" data-mediabox-type="text/html">Beitrag</a>
With that new introduced "src", i have to style content instead of styling the "surrounding" popup / container. The styled popup should be able to load any content without adjusting css.
At the moment i always have to add / change css, if i'll change the content (src) of the popup.
This would be great and from an architectural perspective more clear.
Thanks a lot!
At the moment i always have to add / change css, if i'll change the content (src) of the popup.
This would be great and from an architectural perspective more clear.
Thanks a lot!
Please try RC 8 - https://www.joomlacontenteditor.net/downloads/mediabox/development
I have removed the src attribute and added an option to pass through a class name (class names seperated by a space) using a data-mediabox-css attribute on the popup link, eg:
I have removed the src attribute and added an option to pass through a class name (class names seperated by a space) using a data-mediabox-css attribute on the popup link, eg:
<a href="/image.jpg" class="jcepopup" data-mediabox-css="custom">Click</a>
Just because you're not paranoid doesn't mean everybody isn't out to get you.
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!