How to disable rounded corners on horizon theme

Questions
,
1

How can i disable the ‘rounded’ effect on the horizon theme’s version of the ‘table edges’

it seems to affect the leftmost and rightmost columns ie- left and right corners

for my integration, rounded corners are not good for my page theme - how can I disable it so they are flush square ?

2

Hi @schwabe4

Thank you for contacting us. You can use our Theme Builder to modify the themes and create the custom ones: Handsontable - Handsontable data grid for JavaScript, React, Angular, and Vue. For the Horizon theme you go to Show Advanced → Wrapper → Border radius, download the new styling and apply it in your project.

Here you can read more about the theme customization: Theme Customization - Angular Data Grid | Handsontable

1 Like
3

thanks, i used the theme builder and was able to find the setting / CSS line:

    *.ht-theme-horizon* {

      --ht-wrapper-border-radius: 0px;

}

4

@schwabe4

I’m glad to hear that worked!