How can I remove "Suggested Articles" from the ticket submission form?

Return to top


  • Sam

    I was able to achieve this by adding the following line into script.js:


    The 'searchbox' element is contained within the 'suggestion-list' element, so suppressing the parent element effectively hid it.

  • Dave Dyson
    Zendesk Community Manager

    Thanks for sharing your solution, Samuel!

  • Wade Fitzner

    Are there older, different or more possibly....hidden files that I am not seeing to make this change?

    suggestion-list does not exist in my style.css, nor the page I am working on.

    Im trying to add some code to hide the suggestion list for one pulldown, but have it available for another.  I've emailed support, with no responses.

    It will more than likely be an addition like this....

    In the HTML
    form <li class="suggestion-list">Subject Dropdown #1</li>

    And in the CSS
    .hidden{ display: none }

    Any help would be appreciated.

  • Christopher Kennedy
    Zendesk Developer Advocacy

    Hi Wade,

    The code you add will first need to detect that the conditions where you wish to hide suggested articles are present. This will most likely be easier with Javascript. Once your code identifies this, then it can use the one-line snippet that Samuel shared to finally hide the suggested articles.


  • Anita Rajkumar

    How to hide suggested articles only when tab out from email subject?  

  • Dave Dyson
    Zendesk Community Manager
    Hi Anita, what do you mean by "only when tab out from email subject" ?
  • Anita Rajkumar


    onmouseout - is it possible to hide when the user moves the mouse away from email subject 

  • Tipene Hughes
    Zendesk Developer Advocacy
    Hey Anita!
    Something like this should do the trick:
    const requestField = document.getElementById("request_subject");
    const suggestionList = document.querySelector(".suggestion-list");
    requestField.addEventListener('mouseover', function () {"block"
    requestField.addEventListener('mouseout', function() {"none"
    You'll also need to add display: none to the .form .suggestion-list styling:
    .form .suggestion-list {
    display: none;
    font-size: 13px;
    margin-top: 30px;
    I hope this helps! Feel free to reach out with any questions.

Please sign in to leave a comment.

Powered by Zendesk