fbpx

November 9, 2019 - JFBConnect v8.3.0 has been released with authentication for Azure Active Directory, support for new Instagram Basic Display API applications, and miscellaneous bug fixes.

Modal view not working with Yootheme Pro theme

Modal view not working with Yootheme Pro theme

I have two different websites running Youtheme Pro themes, and two others running the older Yootheme Warp themes.
SCLogin works great in Modal view for all the Warp themes, but I cannot get the modal window to show up on the Yootheme Pro themes.

Has anyone experianced this and have a solution? I have reached out to Yoo and have not gotten a satisfactory answer yet.

TIA,
Dom

djc1
useravatar
Offline
15 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Modal view not working with Yootheme Pro theme

Usually this would be caused by CSS from our module and your template not playing nicely together. If you provide us a URL of the page with the modal not popping up, I can take a look at the styles on the page to see if there's something conflicting.

-Melissa

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3732 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Modal view not working with Yootheme Pro theme

Thank you Melissa for your response!
Please check out aim-dev.zacaw.com for an example of the problem.

Regards,
Dom

djc1
useravatar
Offline
15 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Modal view not working with Yootheme Pro theme

When I click on the login button, it doesn't toggle the modal state of the button properly. Looking at the source on your page, I don't see the bootstrap javascript file included which controls this modal popup behavior.

Can you go into the SCLogin module parameters in the backend and verify that the 'Load JQuery' setting is enabled in the Advanced section?

-Melissa

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3732 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Modal view not working with Yootheme Pro theme

THANK YOU!

I had added loading jQuery on the template, but I did not know there was a coresponding setting on the template!

We are closer, the modal appears, but in either modal or in always visible mode, you cannot type in the username and password fields. I have tried this on two browsers.

Ideas?

Dom

djc1
useravatar
Offline
15 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Modal view not working with Yootheme Pro theme

It looks like the font-size on the username and password inputs is zero. Try this CSS.

Code:

input.sclogin-username, input.sclogin-passwd {

    font-size: 14px !important;
}

If you want to add that CSS to SCLogin, I would suggest making a theme so you don't lose any custom changes when you upgrade SCLogin in the future. Check out this page for instructions on creating your own.

-Melissa

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3732 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Modal view not working with Yootheme Pro theme

That did it....THANK YOU AGAIN!

If I could impose one more time....currently the webpage has a dark background (that may change), what would the CSS be to change the color of the name when a user is logged in?

Thanks,
Dom

djc1
useravatar
Offline
15 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Modal view not working with Yootheme Pro theme

Should be as simple as adding the following

Code:

.sclogin-greeting {

color: #FFFFFF;
}

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3732 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Modal view not working with Yootheme Pro theme

Thank you one more time....I just did not know the class....I guess I could have gotten it myself. But I appreciate  you being so kind and getting it for me.

Regards,
Dom

djc1
useravatar
Offline
15 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Modal view not working with Yootheme Pro theme

No problem. Glad they were each easy fixes and I could help.

-Melissa

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3732 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.
There are 0 guests also viewing this topic
There are 0 users also viewing this topic

Board Info

Board Stats
 
Total Topics:
11882
Total Polls:
0
Total Posts:
49836
Posts today:
2
User Info
 
Total Users:
48531
Newest User:
nphic
Members Online:
1
Guests Online:
1130

Online: 
ventluc
Social Stream
Hide, Seek & Defuse

Handheld Electronic Game

Alex from SourceCoast is working on a new electronic game for kids called Countdown. It's a timed game of Hide & Seek with mini-games (Whack-a-Mole, Simon, etc) to complete when you find it.

Hide and Seek Toys

Before You Leave

Let us send you a 10% off coupon

For Your Next Purchase

Please enable the javascript to submit this form

No , I don't want a discount