Scrollbar

Hi,

as mentionned in an other topic, we can use srollTo method to force the scrollbar position :
ready:function(){
this.scrollTo(500,0);
},

but on this exemple (view-source: http://docs.webix.com/samples/04_template/10_scrollview.html) , things aren’t identical because we haven’t a datatable. Our scrollbar is defined by :

//div id=“scroll” style=“width:350px; height:450px; margin:20px”></div

and we get information thanks to ‘cols’ like this :

webix.ui({

            view:"scrollview", container:"toolbar", scroll:"x",  body:{

                view:"toolbar" ,css:"my_toolbar", id:"button_bar", cols:[

                    { view:"button", value: 'Imitation of Spenser', id: '1', width:150, click:"scroll"},

                    { view:"button", value: 'The Human Seasons', id: '2', width:150, click:"scroll"},

                    { view:"button", value: 'Fame', id: '3', width:150, click:"scroll"},

                    { view:"button", value: 'Ode on Melancholy', width:150, id: '4', click:"scroll"}

                ]
            }

but we can't do this :

webix.ui({
          view:"scrollview", container:"toolbar", scroll:"x",  body:{
                view:"toolbar" ,css:"my_toolbar", id:"button_bar", cols:[

                    { view:"button", value: 'Imitation of Spenser', id: '1', width:150, click:"scroll"},

                    { view:"button", value: 'The Human Seasons', id: '2', width:150, click:"scroll"},

                    { view:"button", value: 'Fame', id: '3', width:150, click:"scroll"},

                    { view:"button", value: 'Ode on Melancholy', width:150, id: '4', click:"scroll"}
                ],

ready:function(){  
                                          //DOESN'T WORK WITH COLS 
    this.scrollTo(500,0);

  },
            } 

so how do we do move automatically scrollbar on the right by default ?

Yes, ready handler works for data component only. You can place scrollTo command just after UI creation.

http://webix.com/snippet/b39a026f