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
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">
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.
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.
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>
Great !!! It's work perfectly, and it's update-safe.
Thanks a lot st3f
Hi everyone,
FYI, the Quick Add module is going to be deprecated in the upcoming release.
Regards,