PHP 7.1.18 + Joomla 3.9.1 + JFBConnect 8.0.4 + Helix Ultimate 1.0.4 template (Bootstrap 4) + SP Page Builder Pro 3.3.6 - my test site https://test.egulp.net
where are shown 3 login ways: SCLogin shown on the left offcanvas menu + Joomla Login page link + SCLogin module page link:
1 - Login View Settings > Show Forgot Password: White Button
As you can see the "Button" is always shown outside the Password fiel and on the bottom ! But we are in a Material Design responsive mobile world and that button should be:
A - Into the Password field. For me doesn't mind if on the left (like the Joomla Login) or on the right.
B - not a complicate small invisible button (on the bottom of the field!) , but a simple Font Awesone question .svg icon https://fontawesome.com/v4.7.0/icon/question into the same
Please, How to have it ? (I mean in special about A point)
2 - Login View Settings > Theme: Default (Sourcecoast is an option) - I red and know about https://www.sourcecoast.com/sclogin/doc … ion/themes
My template is using Bootstrap 4, as you can see on demo site, the "Default" is not following quite nothing of standard Boostrap 4 :
A - when I inputting the Field border should be blue, while seem is following the red "template link color"
B - The button doesn't follow the standard Boostrap 4 template settings
C - The form fields and buttons are smaller then the standard Boostrap 4 template settings, the "Small" "Form Control Size" https://www.quackit.com/bootstrap/boots … _forms.cfm would be a good thing as option when use the SCLogin module like in the left offcanvas menu, while a "Default Size" should be the default one.
D - The "Connect with Socials" shown when logged have its own height, while should follow the templates.
E - Please, How to don't have so much space between fields and button // and the Social buttons ?!?
Now, What I mean with A/B/C/D is that a """default""" Theme should simply follow what set in the Template, in my case as Bootstrap 4. That'sthe only start point ! Or the "Default" Theme shouldn't never be "default".
Please, I'm not a programmer, Can you help me to have a "default" / "blank" Theme as I descibed ? What I have to erase from your "default" Theme ? What I have to keep ?
I'll try to answer all the questions as best I can, but most are related to styles in your template itself that are conflicting with our styles.
1a) Password icon
/templates/shaper_helixultimate/css/template.css at line 809 is setting:
That makes the password field always be on a line on it's own.
1b) Font-awesome - We use the Glyphicons set for those images. You can create your own CSS to override our style for ".sourcecoast .icon-white" which currently loads the image out of media/sourcecoast/css/img/glyphicons-halflings-white.png
2) Joomla comes included with Bootstrap 3. That is the version we use for our styling. We use a namespaced version of Bootstrap 3, which means our styles should only apply to our modules and there shouldn't be conflicts with other Bootstrap styles. We don't support Bootstrap 4 styling right now as that would cause conflicts with the majority of templates that are still built for BS3. There isn't a good way around this for us right now, though at some point in the future, we may consider supporting both Bootstrap 3 and something else. It really depends on which direction Joomla 4 takes.
We call the style "Default" because it's the most close to the standard Joomla module, with only slight tweaks. Unfortunately, there is no standard for how all buttons or other elements of templates for Joomla should be made, so there isn't a way for us to inherit everything. Trust me, we wish it were possible. Bootstrap 3, which ships with Joomla, is the closest we get to a standard library and definitions, but other templates want to use the latest frameworks (which is understandable), but there's just no way to support every possible template's choice of framework and version.
I don't honestly know Bootstrap 4 well enough to let you know what would have to change in our module to support it. It's just not something we've investigated.
I hope the above makes sense, but if you need any help getting the above going, please let me know.
1a - Do you mean that is the Helix Ultimate template that is causing the issue ?!? ..."That makes the password field always be on a line on it's own"...
But my question was: How to have the icon inside the password field (right or left aligned doesn't mind).
Please, Do you have a workaround ?
2 - You added your SCLogin Themes adding the setting: "Login View Settings > Theme: Default (Sourcecoast is an option)"
But on each Joomla Modules we have: "Advanced > Module Style: ..." = Inherit is the first choose, that mean inherit from template, or we could use other specific module styles.
Your styles (default and Sourcecoast) should be here, giving us a chance to use our Template style or choose / build another one, or choose your Sourcecoast one... .
Joomla comes included with Bootstrap 3, but, as you can see in my test site, the Login module is inheriting perfectly the Template Bootstrap 4 settings...
Please, Can you help to solve at least these two issues:
2D - The "Connect with Socials" shown when logged have its own height (too big), while should follow the template one. Please, How to change it ?
2E - Please, How to don't have so much space between fields and button // and the Social buttons ?!?