We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

customToolbarItem with separation between them

Thread ID:

Created:

Updated:

Platform:

Replies:

142937 Feb 26,2019 12:03 PM UTC Feb 27,2019 05:30 AM UTC JavaScript 1
loading
Tags: ejGrid
Luis Carlos
Asked On February 26, 2019 12:03 PM UTC

Good morning.


I would like to separate the cancel and save button from the others, something like the next image. Can I do it?



I will be waiting for your reply, thank you in advance.

Regards, Luis Carlos.

Vignesh Natarajan [Syncfusion]
Replied On February 27, 2019 05:30 AM UTC

Hi Luis, 
 
Thanks for contacting Syncfusion Support. 
 
Query: “I would like to separate the cancel and save button from the other” 
 
From your query, we understand that you need to separate the cancel and update icon with the border. We have achieved your requirement by applying CSS to the toolbar icons( cancel and save button from other icons). Please refer to the code example:- 
 
<style> 
     .e-grid .e-deleteitem{ 
         border-right: 2px solid #282827; 
    } 
   </style> 
    <script type="text/javascript"> 
        $(function () { 
            $("#Grid").ejGrid({ 
                // the datasource "window.gridData" is referred from jsondata.min.js 
              dataSource: window.gridData, 
                allowPaging: true, 
                columns: [ 
                         { field: "OrderID", isPrimaryKey: true, headerText: "Order ID", textAlign: ej.TextAlign.Right}, 
                          .   .     . 
                ] 
            }); 
        }); 
    </script> 
 
 
Please get back to us if you need any further assistance. 
 
Regards, 
Vignesh Natarajan. 
 
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;