nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

Hide Widgets

riadhazzouz

how to hide widget onclick the AlfButton ?

Find more posts tagged with

Alfresco Content Services

Comments

krutik_jayswal

It depends on which widget you are using, is it alfresco OOB widget or your customized one.Your question is too much wide. You need to add much more information than this.

riadhazzouz

here's what I did :

var toggleTopic = "ALF_HIDE_WIDGET";

var hideWidget = {
rules: [
{
topic: 'ALF_HIDE_WIDGET',
attribute: 'hide',
is: [true]
}
]
};

var firstWidget = {
name : "alfresco/menus/AlfMenuItem",
config : {
label : "Message"
}
};

var secondWidget = {
name: "alfresco/buttons/AlfButton",
publishTopic: toggleTopic,
publishPayload: {
hide: true
},

config: {
label: "Label"
}
};

var finalWidget = {
name : "alfresco/layout/HorizontalWidgets",
config : {
widgetMarginLeft : "5",
widgetMarginRight : "5",
invisibilityConfig: hideWidget,
widgets : [ firstWidget, secondWidget ]
}
};

I want to hide the finalWidget once the button is clicked.

Thanks.