Modals

Dom Cassone

It was set as Dark, I changed it to Light and tried it...same result.

We are using YOOtheme Pro...does that make a difference?

Peter van Westen ADMIN

Peter van Westen ADMIN

No, the sub-template setting under advanced.

Please post a rating at the Joomla! Extensions Directory

Dom Cassone

Dom Cassone

Sorry, misunderstood your question....it is set to component.

Peter van Westen ADMIN

Peter van Westen ADMIN

Then it is weird that the output via Modals is different than when using the component sub-template directly via the url (?tmpl=component).

Probably something template specific...

Can you reproduce the issue using the Joomla core template?

Please post a rating at the Joomla! Extensions Directory

Dom Cassone

Dom Cassone

Both the J3 and J4 versions of the site use the same YOOtheme Pro template, yet the J3 site works correctly.

Perhaps, we can have some CSS that will make the background of the modal gray so that the words show?

We could try using the Joomla core template, but that will be difficult as YOOtheme Pro is deeply embedded into the site.

Peter van Westen ADMIN

Peter van Westen ADMIN

What the content looks like inside the modal window, is pretty much down to the template.

For some reason, the necessary styles are not getting loaded.
Maybe the peeps at YOOtheme can help you figure out why that is.

To test out the difference between these 2 urls:

/presentation?ml=1
/presentation?tmpl=component

I recommend you disable the Redirect Script in the Modals system plugin settings.

Please post a rating at the Joomla! Extensions Directory

Dom Cassone

Dom Cassone

Thank you for your continued support!

/presentation?ml=1 - appears to strip off the parameter, no change in the display
/presentation?tmpl=component - removes most all the formatting making a black & white text, left-aligned.

Neither changed the appearance of the modal

Disabling the Redirect Script also made no difference.

I'll try my buds over a YOOtheme.

BTW - we added this CSS in J3, but did not work in J4.
/* start registration modal code */
#rl_modals
{
color: #000;
background:#ccc;
}
.page-header .cassone
{
color:#000;
}
/* end registration modal code */

Peter van Westen ADMIN

Peter van Westen ADMIN

/presentation?ml=1 - appears to strip off the parameter, no change in the display

Not if you disable the redirect script.

The custom CSS of Joomla 3 won't work on the Joomla 4 version.

As the documentation describes, the Joomla 4 version is a completely different beast than the Joomla 4 version.

For more info about how elements get their styling, you can use the Element Inspector of your browser.
And/or look at the css files that come with Modals.

Please post a rating at the Joomla! Extensions Directory

Peter van Westen ADMIN

Peter van Westen ADMIN

Please read:
docs4.regularlabs.com/modals/getting-sta...m-joomla3-to-joomla4
and:
docs4.regularlabs.com/modals/the-basics/styling

Please post a rating at the Joomla! Extensions Directory

Dom Cassone

Dom Cassone

Thank you we've been through those documents and did a lot of testing based on your styling article, but no luck.
We used the inspector and could not find the CSS that formatted the modal.

After turning off the redirect script, the ?ml=1 did cause the page to have a white border around it, but had no effect on the model.

Again, I thank you for all your assistance!

Peter van Westen ADMIN

Peter van Westen ADMIN

Can you give me (super) admin and (s)ftp access so I can take a look?
You can use the 'Confidential information' button in the forum editor to hide sensitive information.

Please post a rating at the Joomla! Extensions Directory

Dom Cassone

Dom Cassone

Confidential information:

(hidden)

Peter van Westen ADMIN

Peter van Westen ADMIN