Vertical Toolbar in V2

[Mike Hauck]

Greetings,

I am trying to make a vertical toolbar but don't see any documentation for it.  The only thing I found is the v1 migration to v2 and it says orientation is not applicable.  What am I to do if I need a vertical toolbar?

Thank you.

[Satheesh Kumar Balasubramanian]

Hi Mike, 

  

Thanks for using Syncfusion Products. 

  

We have validated your reported "Vertical Toolbar in V2" and let you know that it is not feasible to render vertical toolbar by property. But, we can use the below customization to achieve your requirement. 

  

Sample: https://www.syncfusion.com/downloads/support/forum/169707/ze/VerticalToolbar2129272542 

  

Index.razor:   

<ejs-toolbar id="defaultToolbar" height="100%" created="verticalToolbar"> 

    <e-toolbar-items> 

        <e-toolbar-item text="Cut" tooltipText="Cut"></e-toolbar-item> 

        <e-toolbar-item text="Copy" tooltipText="Copy"></e-toolbar-item> 

        <e-toolbar-item text="Paste" tooltipText="Paste"></e-toolbar-item> 

    </e-toolbar-items> 

</ejs-toolbar> 

  

<script> 

    function verticalToolbar() { 

        var toolbarObj = document.getElementById("defaultToolbar").ej2_instances[0]; 

        toolbarObj.changeOrientation(); 

    } 

</script> 

  

<style> 

    #defaultToolbar.e-vertical { 

        float:left; 

        margin-right: 1082px; 

    } 

</style> 

  

Kindly try the above sample and let us know if this meets your requirement. 

  

Regards, 

Satheesh Kumar B