To display Custom announcement only on one Topic page.

Community Alums
Not applicable

Hi, How can I configure an announcement (message) to be displayed exclusively on a specific sub-topic page within a taxonomy? 

1 ACCEPTED SOLUTION

Community Alums
Not applicable

Finally, I found a solution. I will leave it here for the dear developers.

I created a widget and added that widget to the taxonomy page using the page designer.

 

html

<div class="alert" ng-if="c.showAlert">
<p>WRITE YOU MESSAGE HERE.</p>
</div>

Clint side script

api.controller=function() {
/* widget controller */
var c = this;
c.showAlert = c.data.topicId == 'put topicID from your page';
};

Server side

(function() {
/* populate the 'data' object */
/* e.g., data.table = $sp.getValue('table'); */
data.topicId = $sp.getParameter("topic_id");
})();

CSS
.alert {
margin:14px;
background-color: ##fdda16;
color: black;
}

 

View solution in original post

8 REPLIES 8

Community Alums
Not applicable

when I try to publish, my announcement widget does not appear on the widget search. probably I am missing something on 1 step.

When I create an Announcement widget, the scope is Global (it is not allowing me on other scopes).  and I apply it to the Employee Taxonomy Topic paged on the Page Designer. What could be wrong?

Community Alums
Not applicable

I believe I  am missing something when I create a widget. I am not able to call it when I want to publish rich content. Can you guide me on step 1?  

bubuprasadswain
Tera Guru

Please mark as Correct for closer of the thread.
Thanks in advance.

Community Alums
Not applicable

Finally, I found a solution. I will leave it here for the dear developers.

I created a widget and added that widget to the taxonomy page using the page designer.

 

html

<div class="alert" ng-if="c.showAlert">
<p>WRITE YOU MESSAGE HERE.</p>
</div>

Clint side script

api.controller=function() {
/* widget controller */
var c = this;
c.showAlert = c.data.topicId == 'put topicID from your page';
};

Server side

(function() {
/* populate the 'data' object */
/* e.g., data.table = $sp.getValue('table'); */
data.topicId = $sp.getParameter("topic_id");
})();

CSS
.alert {
margin:14px;
background-color: ##fdda16;
color: black;
}