Border toolbar grid

[Fernando]

Hi,

Is it possible to remove this border from the top of the grid?

Thanks

Fernando

[Johnson Soundararajan S]

Hi Fernando,

We understand that you would like to remove the toolbar border in the grid. We have successfully met your requirement by customizing the CSS style for the toolbar. Specifically, we adjusted the toolbar border value to achieve the desired effect.

Please refer to the below Screenshot and code snippet for more information.

Code sample :

 

    <style>

      .e-grid,  .e-grid .e-toolbar {

        border: none;

      }

      .e-grid .e-gridheader {

        border: 1px solid #dee2e6;

      }

      .e-grid .e-gridcontent {

        border: 1px solid #dee2e6;

        border-top: 0;

      }

    </style>

 

Screenshot : 

Please get back to us, if you need further assistance.


Regards,

Johnson Soundararajan S

[Fernando]

Hi,

The side edges still remained. Could you guide me?

Thanks

Fernando

[Johnson Soundararajan S]

Hi Fernando ,

We reviewed your query and the shared screenshot. The toolbar's left and right borders are still visible.

However, those are not the toolbar borders; they are the grid borders. In the previous update, we already removed the grid borders and separately set the borders for the header and content.

We have developed a sample according to your specifications, but we're unable to replicate the issue you've reported.

Please refer to the below screenshot and sample for more information.

Screenshot :

Sample :  Toolbar_border_core.zip

If you are still experiencing the problem, please share with us your attempts to reproduce the reported issue using the attached sample.

Regards,

Johnson Soundararajan S

Attachment: Toolbar_border_core_9a7b3324.zip

[Fernando]

Hi Johnson

Worked perfectly.

Thank you

[Johnson Soundararajan S]

Hi Fernando ,

You're welcome! Please feel free to contact us if you need any other assistance.

Regards,

Johnson Soundararajan S