This is a migrated thread and some comments may be shown as answers.

Documentation appears to be wrong

1 Answer 86 Views
ScrollView
This is a migrated thread and some comments may be shown as answers.
gregory
Top achievements
Rank 1
gregory asked on 19 Jun 2019, 09:39 PM

Hi all, 
The documentation on the kendoScrollvView demo link appears to be wrong: https://demos.telerik.com/kendo-ui/scrollview/index

The provided css contains a #scrollview-home string. However, this should be just #scrollview, not #scrollview-home:
("#scrollview-home .photo { display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center center;}")

However, when I correct it, I still can't get the background image to properly cover the widget. It centers the image, but it contains overflow on the side which expands the width of the widget and expands out to the next screen. Is there an example how to use this widget on an adaptive site?
Thanks for your advice, 

Gregory

1 Answer, 1 is accepted

Sort by
0
Accepted
Alex Hajigeorgieva
Telerik team
answered on 21 Jun 2019, 02:19 PM
Hello, Gregory,

Thank you for getting in touch to report the broken link. I have now fixed it and this should reflect next time we release the demos site.

As far as the demo and adaptiveness is concerned, you could add a handler to the window resize event and resize its element (or the widget):

$(window).resize(function(){
  kendo.resize($("#scrollView"));
});

Here is a sample Dojo that I tested with:

https://dojo.telerik.com/oCejocEt/2

Let me know in case you have any further questions.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
ScrollView
Asked by
gregory
Top achievements
Rank 1
Answers by
Alex Hajigeorgieva
Telerik team
Share this question
or