Hide thumbnails and splitter in ribbon by default?

Doconut Product Family
1

Hello Dear I am using doconut as my document viewer and I chose ribbon as my style. my problem is the ribbon it show thumbnails by default. How do I hide it when the users open the page and give him the choice to show it or not?

2

@Nazahait,

To hide the thumbnails in the ribbon by default and allow users to toggle this feature as needed.

Here’s how you can achieve this:

For .NET Framework

To hide the thumbnails after loading the document, you need to add the following line in your code:

objctlDoc.HideThumbs(true);

If you want to give users the option to toggle the visibility of the thumbnails, you can call the same function (e.g., from a link or button):

<a onclick="objctlDoc.HideThumbs(true);">Hide Thumbs</a>  
<a onclick="objctlDoc.HideThumbs(false);">Show Thumbs</a>

For .NET Core / .NET Standard

In these versions, you need to set the showThumbs property to false when initializing the viewer to hide the thumbnails by default:

objctlDoc = $("#div_ctlDoc").docViewer({  
    showThumbs: false,  
});

To toggle the thumbnails later, you can use JavaScript to modify this property dynamically as needed.

I hope this resolves your issue! Let me know if you have any further questions.