Topic-icon [9.0.215 Issues] Meta > Configuration > Skip Components

Hi guys, 
PHP 7.4.33 Joomla 4.2.6 Helix Ultimate 2.0.11 JFBConnect last 9.0.215
Meta > Configuration > Skip Components: ...I add an image here for you

1 - Please, Can you list them "by name" instead of "by table" ?

2 - To avoid going blind: Please, Can you use the 100% width ?

3 - To be able to select correctly: Please, Can you add more heght ?
Attachments:
The topic has been locked.
Support Specialist
2 months 2 weeks ago #68420 by mel
1. This was a bug. in /administrator/components/com_jfbconnect/models/fields/enabledcomponents.php at line 75, replace
ArrayHelper::sortObjects($items, 'text', 1, true, true);
with
$items = ArrayHelper::sortObjects($items, 'text', 1, true, true);

2. Your screenshot is Joomla 3.10, not Joomla 4.2. Looking at J4, the select box is 100% width. In the meantime, in /administrator/components/com_jfbconnect/models/forms/opengraph_settings.xml, you can add a 
class="col-md-12"
to the social_graph_skip_components field.

3. I can't figure out an easy way to do this. I tried adding a class like #2 and defining a style with the height, but we rely on Joomla to render the form elements and the style won't take effect. In general, though, our backend form elements styling is based off of the template. There's not a built in way to specify the height of a select box. It's automatically generated.

-Melissa
Attachments:
The topic has been locked.
2 months 2 weeks ago - 2 months 2 weeks ago #68422 by joomleb
Hi Mel,
many thanks for your answer:

1 - Thank you.

2 - Also on Joomla 4.2.6 we have the issue by closing the Joomla Toggle Menu on the left. (On 11.6" screen) The Label "is moved" fromtop to the left postion, uselessly wasting precious space,
Please, Can you confirm ? Do you have a fix for it ?

3 - Maybe by adding a fixed "height" to:
.form-select[multiple], [multiple].custom-select {
    padding: 0;
​​​    background-color: var(--white-offset);
    height: 350px;
}
Last edit: 2 months 2 weeks ago by joomleb.
The topic has been locked.
Support Specialist
2 months 5 days ago #68458 by mel
Both of the following changes (or something very similar) will go in administrator/components/com_jfbconnect/assets/default.css if you want to add it to yours temporarily.

2. I see what you're talking about. Most of the other built-in Joomla components only have a single column to list settings, so there's not some built in CSS in the default template.
.d-flex .sourcecoast.ns-bs5 .control-group .control-label {
    width: 100%;
}

3. That works, but the CSS selector would be something like this (targeting only our backend admin and also having a selector for Joomla3)
.sourcecoast.ns-bs5 .form-select[multiple],
.sourcecoast.ns-bs5 [multiple].custom-select,
.sourcecoast.ns-bs5 select#social_graph_skip_components { <your styles from above>...
The topic has been locked.
Hi Mel,
Yes, Thank You. Pay attention to:
A - Editing your default.css file I have back an Error message
B - Adding your code I have back a Warning message
I add here two images for you...

PS - For the other users interested on thiis, be careful, the file is: administrator/components/com_jfbconnect/assets/css/default.css
the /css/ folder was been missed.
Attachments:
The topic has been locked.
Social Stream
Hide. Seek. Play!

Countdown Hide & Seek Game

Countdown, the new hide & seek toy, is available now! Designed and developed by the founders of SourceCoast, it's the perfect toy to get your kids moving at all ages.

Get the Hide and Seek Toy on Amazon