[Webix + Meteor] Cannot read property 's' of null

Webix JS
#1

Hi,

I’m trying to use meteor and webix but I’m having some problems.
Right now I’m using webix version 3.1.4 STUDENT PACK.

In my meteor CLIENT FOLDER, I have the following:

/lib
-- webix.js
-- webix.css

/js
-- meteor-data.js (https://github.com/webix-hub/webix-meteor-data/tree/master/codebase)

/ 
main.html
main.css
main.js
rounting.js
webix-config.js

In my main.html:

<template name="ApplicationLayout">
  <head>
    <title>Webty</title>
  </head>
  
  <body>
	<div id='layout_div' style='width:600px; height:600px; margin:20px;'>              </div>
  </body>

</template>

In my webix-config.js:

webix.ui({
   container:"layout_div",
   id:"layout",
   height:550,
   width:700,
   rows:[
       {template:"row 1", height:35 },
       {template:"row 1"},
       {view:"resizer"},
       {template:"row 2"},
       {view:"resizer"},
       {cols:[
           {
               id:"a1",
               template:"column 1",
               width:150
           },
           {
               view:"resizer",
               id:"resizer"
           },
           {   
               template:"column 2"
           },
           {
               template:"column 3"
           }
       ]
       }
   ]
}).show();

and I’m heaving this error:

Uncaught TypeError: Cannot read property 's' of null
    at Object.webix.ui (app.js?hash=8ee1006…:2593)
    at webix-config.js (app.js?hash=8ee1006…:20887)
    at fileEvaluate (modules-runtime.js?hash=0969a31…:207)
    at require (modules-runtime.js?hash=0969a31…:130)
    at app.js?hash=8ee1006…:20951

Someone have any idea about what is happening?

Thanks for all,
Cheers

#2

I was trying to implement this sample:
http://docs.webix.com/samples/01_layout/01_resizer.html

#3

Hi guys,

I finally solved this problem! =D
I put the code inside webix.ready()

This is the code:

	webix.ready(function(){
		webix.ui({
		   container:"layout_div",
		   id:"layout",
		   height:550,
		   width:700,
		   rows:[
		       {template:"row 1", height:35 },
		       {template:"row 1"},
		       {view:"resizer"},
		       {template:"row 2"},
		       {view:"resizer"},
		       {cols:[
		           {
		               id:"a1",
		               template:"column 1",
		               width:150
		           },
		           {
		               view:"resizer",
		               id:"resizer"
		           },
		           {   
		               template:"column 2"
		           },
		           {
		               template:"column 3"
		           }
		       ]
		       }
		   ]
		});
	});
#4

You are a saviour hilty. Seems very random to a newbie and don’t understand why you can’t move a script section of html to a script file. Was driving me absolutely mad. Couldn’t find the answer anywhere else and then I found this :slight_smile:

#5

the suggest was perfect for my code
Thank You very much!,