Topic-icon [9.0.244] SCLogin into EngageBox popup - RTL Bootstrap conflict - 2

Active Subscriptions:

None
1 year 6 months ago - 1 year 5 months ago #68546 by joomleb
Hi guys, 
PHP 7.4.33 + Joomla 4.3.1 + Helix Ultimate 2.0.12 + EngageBox 5.2.4 + JFBConnect 9.0.244

The bug reported here  is still present.
You can see it in action clicking on the hearth at the top right page corner  here  (Joomla 4.3)

Please, Do you have any suggestments ?
Last edit: 1 year 5 months ago by joomleb.
The topic has been locked.
Active Subscriptions:

None
The topic has been locked.
Support Specialist
We're extremely sorry for the delayed response and frustration caused. After checking your page and clicking the heart, it seems that you have resolved this issue. Please let us know if that's not the case and we'll gladly help going forward.

Thanks
-Melissa
The topic has been locked.
Active Subscriptions:

None
Hi Mel,
No, it isn't solved.
PHP 7.4.33 + Joomla 4.3.4 + Helix Ultimate 2.0.12 + EngageBox 6.1.1 + JFBConnect 9.0.244

You can see it in action clicking on the hearth at the top right page corner here test1.egulp.net/casa?view=reservationasset&id=2
The topic has been locked.
Support Specialist
The direction of the input-group object needs to be set left to right. For example, the following should switch the order:
.sclogin .input-group {
direction: ltr;
}
The topic has been locked.
Active Subscriptions:

None
Hi Mel,
Are you sure ? 
- Joomla 4 is built using the last Bootstrap 5.2
- Helix Ultimate, the used template, is managing RTL (enabled). RTL definition is a template job.
- EngageBox has an option setting to enable RTL (that is in case an old template is not doing it well)
- What is happening here is that the SCLogin in Spanish is treated as an RTL language and it is shown as Right to Left.

Now, if you read and pay attention to my original post, (the link at the top of this topic because it was closed automatically despite I asked to reopen it to continue the discussion...) 
​​​
i​​t seems that JFBConnect is generating confusion trying to overwrite settings, while it should only follow, inherit the Joomla and it's Template settings OR it will never be integrated with Joomla (there are a lot of deprecated CSS definitions by using Joomla / Bootstrap 5.2)
The topic has been locked.
Support Specialist
I did read your initial post and it was not clear from that post that the template Helix Ultimate or EngageBox was attempting to change to RTL based on the language on the page.

Have you verified that if you put another module in the Engage Box, like the standard Joomla login module or something similar, that it is displayed correctly? If so, can you let me see the example of the page that is doing LTR correctly so that I can compare the generated styles on the page versus the example where it's RTL.

Since sc_bootstrap5.css no longer looks to be included on the page (looking at the source) and the module's css doesn't explicitly doing grids, it's hard to start narrowing it down, which is why I suggested the above CSS since I didn't realize it needed to be dynamic to the content of the page.

-Melissa
The topic has been locked.
Active Subscriptions:

None
Hi Mel,
I was sure about that, but anyway I went into EngageBox and I changed SCLogin with the Joomla Login one and... 
Oooops, we have back the same issue, you can test it on the same link as before test1.egulp.net/casa?view=reservationasset&id=2

So, just give me few hours, I go back to Tassos (EngageBox developer) to report it and point him to this discussion... 
The topic has been locked.
Support Specialist
Ok.. since it sounds like it's not specific to JFBConnect/SCLogin, please let us know if you come back tot he conclusion that it's something with our extension and we'll gladly investigate further.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
Hi guys,
Yes, it is confirmed.
EngageBox 6.1.2 Options > General > Enable RTL: Yes
It does not care of the Frontend selected Language, if it is an RTL language or not. It will be fixed on next releases...

You can lock this topic...
The topic has been locked.