Creating content filter buttons for your Guide articles

3 Comentários

  • Chris

    Super Cool Thanks Rob! :) 

    1
  • Chris

    Could you add the complete code of an example that works here? 

    0
  • Rob Stack
    Zendesk Documentation Team

    Hi Chris Boerger, here's an example that I just tested in my lab. Hopefully, this gives you a good starting point!


    <div class="p">
    <div class="note tip">
    <span style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif">Click one of the plan buttons below to see resources for each Explore plan level.</span>
    </div>
    </div>
    <div id="plan-filter">
    <h4 class="wysiwyg-text-align-left">Choose your Explore plan&nbsp; &nbsp;</h4>
    <h4 class="wysiwyg-text-align-left">
    <span style="vertical-align:text-bottom"> <button class="button plan-name" name="Lite" type="button">Lite</button>&nbsp;&nbsp; <button class="button plan-name" name="Professional" type="button">Professional</button>&nbsp;&nbsp; <button class="button plan-name" name="Enterprise" type="button">Enterprise</button></span>
    </h4>
    <hr>
    <p class="plan-lite" style="display:none">
    The Explore Lite resources are sorted into the following categories:
    </p>
    <p class="plan-professional">
    The Explore Professional resources are sorted into the following categories:
    </p>
    <p class="plan-enterprise" style="display:none">
    The Explore Enterprise resources are sorted into the following categories:
    </p>
    <hr>
    </div>

    0

Por favor, entrar para comentar.

Powered by Zendesk