Spreadsheet horizontal scrollbar not adjusted when Toolbar and SheetBar to false

[serge]

When the toolbar and sheetbar are invisible, the bottom horizontal scrolbar is not ajusted (is a little bit above it should be)

@(Html.Kendo()
    .Spreadsheet()
    .Name("spreadsheet")
    .HtmlAttributes(new {style = "width:100%"})
    .Toolbar(false)
    .Sheetsbar(false)

I mean, esthetically, if we suppose that the vertical and horizontal bars should have the same distance to the external border.

For the vertical scrolbar that distance is zero. Should be the same for the horizontal then.

picture:

detailed view:

or add a similar margin to the vertical one:

[Aleksandar]

Hi Serge,

You are indeed correct and this is an unexpected behavior. I have therefore logged an issue on your behalf:

https://feedback.telerik.com/kendo-jquery-ui/1519823-when-the-sheetsbar-is-hidden-the-horizontal-scrollbar-is-not-adjusted-to-the-bottom-of-the-widget

When hiding the Sheetsbar you can add the suggested styling so the scrollbar is adjusted to the bottom of the widget:

<style>
    .k-spreadsheet-sheets-bar {
      padding: 0;
      border-style: none;
    }
</style>

I hope this approach works for your scenario.

I have also updated your Telerik points, as a token of gratitude for helping us improve our product.

Regards,
Aleksandar
Progress Telerik

[serge]

that is not enought, there is a blank space between spreadsheet-pane and the spreadsheet-fixed-container

[Aleksandar]

Do you mean the Spreadsheet containers are not expanded correctly? In general, the Spreadsheet performs internal calculations for wrapping the containers and after applying the CSS suggested above it looks like the styling is correct on my end - example. I have tested this in Chrome and Firefox. Is this approach not working for you? 

[serge]

now, the problem is when we want to display the toolbar and sheetbar, we have no padding... this should be fixed, if possible

[Aleksandar]

You can dynamically apply the styling to the Spreadsheet widgets that do not have a Toolbar, for example:

$('.k-spreadsheet').each(function(idx,elm){
        var spread = $(elm).getKendoSpreadsheet();
        if(!spread.options.toolbar){
          $(elm).find('.k-spreadsheet-sheets-bar').css({'padding':0,'border-style':'none'})
        }
      })