Customizing status icons for community posts

Return to top

13 Comments

  • Michael Shillingford

    Hi all, once a post has a status - is it possible to create a feed which shows all posts which have a certain status?

    EG - create a feed of the latest posts marked "answered"

    Also - is there any progress on making this an actual feature? We need more statuses than the ones available by default, and we desperately need to be able to do things like change their names and colours.

     

    1
  • Micah B

    Want to continue this thread - I would also love the answer to both of @...'s questions! Thank you. 

    0
  • Kasper Sørensen
    Zendesk Product Manager

    Hi @... and @... - yes you can filter on answered (or other statuses) on the topic page. For example, this link shows you the answered Gather feedback posts.

    0
  • Jessica Peck

    Thanks for this article and all the useful comments - I've been able to update everything with the new label text except I have the below 2 issues/questions.

    1. How do I update the below area where you can search/toggle on Post status here:

    It seems it was discussed in the thread but I didn't find a solution unless I missed.  I tried adding to the js the below but it didn't work:

    $('.topic-filters .dropdown-toggle:contains("None")').text('None');
    $('.topic-filters .dropdown-toggle:contains("Planned")').text('Planned');
    $('.topic-filters .dropdown-toggle:contains("Not Planned")').text('Not Planned');
    $('.topic-filters .dropdown-toggle:contains("Completed")').text('Completed/Answered');
    $('.topic-filters .dropdown-toggle:contains("Answered")').text('Community Conversation');

    2.  I updated the pick list for agents in the post using the below js and it works for my access (admin) but other users (full agents, light agents) still see the old values.  

    $('.post-actions .dropdown-menu :nth-child(2)').text('None');
    $('.post-actions .dropdown-menu :nth-child(3)').text('Planned');
    $('.post-actions .dropdown-menu :nth-child(4)').text('Not Planned');
    $('.post-actions .dropdown-menu :nth-child(5)').text('Completed/Answered');
    $('.post-actions .dropdown-menu :nth-child(6)').text('Community Conversation');

    Is there something more I need to do so these statuses will also appear in the dropdown for agents?

    Any help is super appreciated!

    1
  • Paul Curson

    Hi all,

    I am also having the same issue as Jessica - Did anyone get the JS to work for the status change drop-down for agents/admins?

    Thanks.

    0
  • Kasper Sørensen
    Zendesk Product Manager

    Hi @...

    Regarding the "Show all" filter labels, the article explains this in the section "Modifying 'Show all'".

    Regarding the post actions, these are not customizable.

    -1
  • Jessica Peck

    Kasper - thanks for confirming the post actions are not customizable.

    In regards to the 'Show All' I've updated the community_topic_page.hbs as described in the "Modifying 'Show all" section of the article.  I see that if I open a specific community topic and do the 'show all' dropdown the newly configured options are there correctly:

    However, they're not if I go to the main Community page (i.e. /community/topics), then toggle the 'All Community Topics' dropdown to 'show all posts' (i.e. community/posts):

     

    The 'Show All' options under the All Community Posts still show the old values:

    Is there another place I'm missing?  Thanks so much for the help!

    0
  • Kasper Sørensen
    Zendesk Product Manager

    Hi Jessica Peck

    Ah I see. I think that's simply because you need to apply the same change to the community_post_list_page.hbs template. Like the community_topic_page.hbs template, it has a part that configures the available filter options.

    0
  • Jessica Peck

    Hi @...

    I have the below configured in the community_topic_page.hbs and it's still not displaying the updated values in that dropdown - is there someplace else I'm missing?

    Thanks so much!

    0
  • Kasper Sørensen
    Zendesk Product Manager

    Hi Jessica Peck

    Here's a simple example I did to do a test that customizing it works:

    {{#each filters}}
    <a href="{{url}}" aria-selected="{{selected}}" role="menuitem">
    {{#is identifier "not_planned"}}HELLO WORLD
    {{else}}{{name}}
    {{/is}}
    </a>
    {{/each}}

    And it looks like this in the drop down:

    Maybe start simple like this example, and then expand it out

    -1
  • Aaron Dillingham

    Not sure if this applies to this topic but this is where support directed me to post... I'm trying to change the color of the gear icon in the posts anyone have any ideas how to accomplish that?

    Thanks

    0
  • Brandon Tidd
    User Group Leader Community Moderator
    The Humblident Award - 2021

    Hey Aaron Dillingham

    You might have to straight up replace the image, but this may point you in the right direction: https://support.zendesk.com/hc/en-us/community/posts/4408860916634-Added-an-Icon-to-my-Categories-with-Copenhague-theme-Now-I-want-a-Hover-Color-just-for-that-icon- 

    Hope this helps!

    Brandon

    0
  • Ifra Saqlain
    Community Moderator
    Most Engaged Community Member - 2022
    Most Engaged Community Member of The Year - 2021

    @Aaron Dillingham, I also wanna give suggestion :b

    If you add the given code to your style.css file then your gear icon color would be changed:

    button[aria-label="Post actions"] {
      color: red
    }

    Screenshot for the same:

     

     

    Output:



     

    Thanks

     

    0

Please sign in to leave a comment.

Powered by Zendesk