156 Posts
Hableur
1 year ago
6
Topic

Hi,

J4 seblod4

when creating a new content, it's possible to choose a content-type. The menu is in html code but it's not visible when moving mouse on new content button. To show it, I need to modify css (display:block) to ul.


<button type="button" data-toggle="dropdown" onclick="return;">
<span aria-hidden="true"></span>
Nouveau</button>
<ul><li>Joomla!</li><li><a href="/?layout=edit&cck=1" id="joomla-standard-content">Contenu standard</a></li><li>SEBLOD</li><li><a href="/community/forums/forms-content-types/form/article?return_o=content">Article</a></li><li><a href="/community/forums/forms-content-types/form/fiche_coproscopie?return_o=content">Fiche coproscopie</a></li><li><a href="/community/forums/forms-content-types/form/fiche_de_diagnose?return_o=content">Fiche de diagnose</a></li><li><a href="/community/forums/forms-content-types/form/fiche_quiz?return_o=content">Fiche Quiz</a></li><li><a href="/community/forums/forms-content-types/form/fiche_voyage?return_o=content">Fiche voyage</a></li><li><a href="/community/forums/forms-content-types/form/groupe_de_diagnose?return_o=content">Groupe de diagnose</a></li><li><a href="/community/forums/forms-content-types/form/image_fiche_corproscopie_group_x?return_o=content">Image fiche coproscopie (group x)</a></li><li><a href="/community/forums/forms-content-types/form/liens_pur_fiche_coproscopie_group_x?return_o=content">Liens pour fiche coproscopie (group x)</a></li><li><a href="/community/forums/forms-content-types/form/theses?return_o=content">Thèses</a></li><li><a href="/community/forums/forms-content-types/form/videos_pour_fiche_coproscopie_group_x?return_o=content">Vidéos pour fiche coproscopie (group x)</a></li></ul>

Thanks

Get a VIP membership
156 Posts
Hableur
1 year ago
0
Level 1

Same problem on an other site migrating J3S3 ->J4S4.0.6 : not possible to create content.

In this cas, the code for the button add content is :

<button data-bs-toggle="modal" data-bs-target="#collapseModal3">

But the code for the seblod content menu, not displayed, is in a this div : 

<div id="collapseModal2">

So  #collapseModal3 doesn't match with <div id="collapseModal2">

156 Posts
Hableur
1 year ago
0
Level 1

The button for creating articles is différent for the 2 sites : one with <button data-bs-toggle="modal" data-bs-target="#collapseModal3"> and the other with

<button type="button" data-toggle="dropdown" onclick="return;">. It's probably the difference in integration params : one with infobulle, the other width modal.

Problem : it's not possible to change this params : the change is not memorized when saving.

156 Posts
Hableur
1 year ago
0
Level 1

A solution for those who are blocked like me with

<button type="button" data-toggle="dropdown" onclick="return;">

Add this code to media/templates/administrator/atum/js/template.min.js

jQuery.noConflict();

jQuery(document).ready(function () {

jQuery("button.dropdown-toggle").on('mouseover',function(){
jQuery(this).next("ul.dropdown-menu").toggle();
});

});

It's help, waiting for new version.

7 Posts
st3f
11 months ago
1
Level 1

Hello together

The Seblod dropdown (with the forms) for the 'New' menu button in Joomla 4.4.1 did not work for me either. Several attempts to solve this via the options failed and sometimes resulted in the backend no longer being accessible.

I then found a solution here (thank you, Hableur). However, this is not update-safe, which is why I recommend the following procedure:

1. create a backend module (type: custom).
2. assign the module to the 'Toolbar' position
3. insert the code below

This way the dropdown menu works perfectly and looks as if it is part of Joomla.

Best regards
Stefan

CODE:

<script>
/* Seblod Dropdown JS fix */
jQuery.noConflict();
jQuery(document).ready(function () {
jQuery("button.dropdown-toggle").on('mouseover',function(){
jQuery(this).next("ul.dropdown-menu").toggle();
});
});
</script>
<style>
/* Seblod Dropdown CSS fix */
#toolbar #toolbar-new .button-new.dropdown-toggle::after {
display: inline-block;
width: 2.375rem;
margin-left: .255em;
vertical-align: 0;
border: 0;
font-family: "Font Awesome 5 Free";
content: "";
font-size: 1rem;
line-height: 2.45rem;
font-weight: 900;
color: var(--template-text-dark);
}
#toolbar #toolbar-new .dropdown-menu {
margin-left: 0;
}
#toolbar #toolbar-new .dropdown-menu li {
border-bottom: 1px solid #0000001a;
padding: var(--dropdown-item-padding-y)var(--dropdown-item-padding-x);
}
#toolbar #toolbar-new .dropdown-menu li:hover,
#toolbar #toolbar-new .dropdown-menu li:focus {
color: var(--dropdown-link-hover-color);
background-color: var(--dropdown-link-hover-bg);
}
#toolbar #toolbar-new .dropdown-menu li a {
display: inline-block;
width: 100%;
font-size: var(--dropdown-font-size);
color: var(--dropdown-color);
text-align: left;
list-style: none;
}
/* Seblod Toolbar buttons CSS fix */
body.widescreen nav[aria-label="Toolbar"] #toolbar {
gap: 1rem;
}
</style>

156 Posts
Hableur
11 months ago
0
Level 2

Great !!! It's work perfectly, and it's update-safe.

Thanks a lot st3f

9 months ago
0
Level 1

Hi everyone,

FYI, the Quick Add module is going to be deprecated in the upcoming release.

Regards,

Get a Book for SEBLOD