Security, Privacy, AI and CSR information for all Piano products now lives in one place. Explore our Compliance Center.
Subscriptions
English French
English French

How to hide tabs in the My Account widget

If needed, you are able to hide specific tabs in the My Account section. For this, you would need to edit this section in the My Account common components template:

HTML
<script type="text/ng-template" id="/widget/myaccount/partials/common/tabs.shtml">
    <div class="wrapper-tabs">
        <div class="scroll-tabs" drag-scroll>
            <ul class="tabs header-navigation-tabs">
               <li data-item="library"     ><a class="" href="#"><t>Library</t></a></li>
                <li data-item="wallet"      ><a class="" href="#"><t>Cards</t></a></li>
                <li data-item="transactions"><a class="" href="#"><t>Transactions</t></a></li>
                <li data-item="payments"    ><a class="" href="#"><t>History</t></a></li>
                <li data-item="vouchers"    ><a class="" href="#"><t>Vouchers</t></a></li>
                <li data-item="bills"       ><a class="" href="#"><t>Bills</t></a></li>
                <li data-item="pianoid"     ><a class="" href="#"><t>Profile</t></a></li>
                <li data-item="licensing"   ><a class="" href="#"><t>Site license</t></a></li>
                <li data-item="userprofile" ><a class="" href="#"><t>User Profile</t></a></li>
                <li data-item="help"        ><a class="" href="#"><t>Help</t></a></li>
            </ul>
        </div>
    </div>
</script>

So if you'd like to hide the Identity Management Profile tab (where users can change their emails, passwords or custom fields), you would edit the following code:

HTML
<li data-item="pianoid"     ><a class="" href="#"><t>Profile</t></a></li>

And comment it out like this:

HTML
<!--     <li data-item="pianoid"     ><a class="" href="#"><t>Profile</t></a></li> -->

Last updated: