Problem when creating content

153 Posts

10 months ago

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

153 Posts

Hableur

10 months ago

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 :

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

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

153 Posts

Hableur

10 months ago

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.

153 Posts

Hableur

10 months ago

Level 1

A solution for those who are blocked like me with

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

4 months ago

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>