> Hi there!

> I'm trying to integrate Slickgrid (https://github.com/mleibman/SlickGrid)
> into my Sproutcore app but so far I've been unsuccessfull. I've placed
> Slickgrid on folder *slickgrid*  under *frameworks* folder, which, in
> turn, is located in my app root folder. This is how it looks:

> *my_app*
> *   -> frameworks*
> *       ->**slickgrid*
> *          -> <slickgrid extracted files...>*

> In my build file I have just this line: *config :my_app, :required =>
> [:sproutcore, :slickgrid] *
> *
> *
> I'm using a simple wrapper around Slickgrid which can be found in
> https://gist.github.com/838826 (The only adjustment i made was replace *
> SGUI* for *MyApp*). Below is the code where   i design the wrapper view, *
> MyApp.TableView*:

> *testView : MyApp.TableView.design({*
> * contentBinding: "MyApp.dataController.arrangedObjects",*
> * options:{enableCellNavigation:YES},*
> * columns:[*
> * {id:'name', name:'Name', field:'name'},*
> * {id:'age', name:'Age', field:'age'},*
> * {id:'address', name:'Address', field:'**address**'},*
> * {id:'phone', name:'Phone', field:'phone'}*
> * ],*
> * layout : {width: 500, height: 500}*
> *})*

> It all looks right and simple, but when the view gets rendered the column
> headers and the table rows are all misplaced. The column and the data is
> all there but they are a mess, with column headers the grid cells all piled
> up over the same column. I looked into my app stylesheet and there is
> nothing that could be affecting the grid. Using Firebug i confirmed that
> any of Slickgrid's stylesheets were being loaded and that is the probable
> cause of the problem. Why are they not being loaded? I'm a noob in SC and I
> would like to know if there is something else i must do to get those
> stylesheets to be loaded. Do I have to add anything else into the build
> file?

> For the record, I've tried SC.TableView but I find it to be too limited
> for my needs and it seems to be deprecated. I want to build highly
> interactive tables with, p.e., drag-n-drop re-ordable rows, and I have not
> seen any other SC control that resembles TableView. So, I'd also be very
> appreciated if you tell me alternative ways to do the SC equivalent of a
> grid.

> Best regards!

> Best regards

> Quinta-feira, 25 de Outubro de 2012 23:57:32 UTC+1, TheDude escreveu:

>> Hi there!

>> I'm trying to integrate Slickgrid (https://github.com/mleibman/SlickGrid) into my Sproutcore app but so far I've been unsuccessfull. I've placed Slickgrid on folder slickgrid  under frameworks folder, which, in turn, is located in my app root folder. This is how it looks:

>> my_app
>>    -> frameworks
>>        ->slickgrid
>>           -> <slickgrid extracted files...>

>> In my build file I have just this line: config :my_app, :required => [:sproutcore, :slickgrid]

>> I'm using a simple wrapper around Slickgrid which can be found in https://gist.github.com/838826 (The only adjustment i made was replace SGUI for MyApp). Below is the code where   i design the wrapper view, MyApp.TableView:

>> testView : MyApp.TableView.design({
>>        contentBinding: "MyApp.dataController.arrangedObjects",
>>        options:{enableCellNavigation:YES},
>>        columns:[
>>                {id:'name', name:'Name', field:'name'},
>>                {id:'age', name:'Age', field:'age'},
>>                {id:'address', name:'Address', field:'address'},
>>                {id:'phone', name:'Phone', field:'phone'}
>>        ],
>>        layout : {width: 500, height: 500}
>> })

>> It all looks right and simple, but when the view gets rendered the column headers and the table rows are all misplaced. The column and the data is all there but they are a mess, with column headers the grid cells all piled up over the same column. I looked into my app stylesheet and there is nothing that could be affecting the grid. Using Firebug i confirmed that any of Slickgrid's stylesheets were being loaded and that is the probable cause of the problem. Why are they not being loaded? I'm a noob in SC and I would like to know if there is something else i must do to get those stylesheets to be loaded. Do I have to add anything else into the build file?

>> For the record, I've tried SC.TableView but I find it to be too limited for my needs and it seems to be deprecated. I want to build highly interactive tables with, p.e., drag-n-drop re-ordable rows, and I have not seen any other SC control that resembles TableView. So, I'd also be very appreciated if you tell me alternative ways to do the SC equivalent of a grid.

>> Best regards!

> --
> You received this message because you are subscribed to the Google Groups "SproutCore" group.
> To view this discussion on the web visit https://groups.google.com/d/msg/sproutcore/-/pIwTLSSxxasJ.
> To post to this group, send email to sproutcore@googlegroups.com.
> To unsubscribe from this group, send email to sproutcore+unsubscribe@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/sproutcore?hl=en.

> I'm pretty sure that you can put a resources/stylesheets folder inside
> your slickgrid framework folder with the appropriate CSS files inside. This
> should load exactly as you need; I'm pretty sure this is the route I took
> :-)

> Sent from my iPhone

> On Oct 25, 2012, at 6:15 PM, TheDude <pmarq...@gmail.com <javascript:>>
> wrote:

> I just confirmed that the cause of my problems were indeed related to
> Slickgrid's stylesheets not being loaded. I just placed Slickgrid's
> stylesheets under my app's resources folder, although I dont think this is
> the correct way to do it. Is there another way to load those stylesheets
> into my app through, perhaps, my build file?

> Best regards

> Quinta-feira, 25 de Outubro de 2012 23:57:32 UTC+1, TheDude escreveu:

>> Hi there!

>> I'm trying to integrate Slickgrid (https://github.com/mleibman/SlickGrid)
>> into my Sproutcore app but so far I've been unsuccessfull. I've placed
>> Slickgrid on folder *slickgrid*  under *frameworks* folder, which, in
>> turn, is located in my app root folder. This is how it looks:

>> *my_app*
>> *   -> frameworks*
>> *       ->**slickgrid*
>> *          -> <slickgrid extracted files...>*

>> In my build file I have just this line: *config :my_app, :required =>
>> [:sproutcore, :slickgrid] *
>> *
>> *
>> I'm using a simple wrapper around Slickgrid which can be found in
>> https://gist.github.com/838826 (The only adjustment i made was replace *
>> SGUI* for *MyApp*). Below is the code where   i design the wrapper view,
>> *MyApp.TableView*:

>> *testView : MyApp.TableView.design({*
>> * contentBinding: "MyApp.dataController.arrangedObjects",*
>> * options:{enableCellNavigation:YES},*
>> * columns:[*
>> * {id:'name', name:'Name', field:'name'},*
>> * {id:'age', name:'Age', field:'age'},*
>> * {id:'address', name:'Address', field:'**address**'},*
>> * {id:'phone', name:'Phone', field:'phone'}*
>> * ],*
>> * layout : {width: 500, height: 500}*
>> *})*

>> It all looks right and simple, but when the view gets rendered the column
>> headers and the table rows are all misplaced. The column and the data is
>> all there but they are a mess, with column headers the grid cells all piled
>> up over the same column. I looked into my app stylesheet and there is
>> nothing that could be affecting the grid. Using Firebug i confirmed that
>> any of Slickgrid's stylesheets were being loaded and that is the probable
>> cause of the problem. Why are they not being loaded? I'm a noob in SC and I
>> would like to know if there is something else i must do to get those
>> stylesheets to be loaded. Do I have to add anything else into the build
>> file?

>> For the record, I've tried SC.TableView but I find it to be too limited
>> for my needs and it seems to be deprecated. I want to build highly
>> interactive tables with, p.e., drag-n-drop re-ordable rows, and I have not
>> seen any other SC control that resembles TableView. So, I'd also be very
>> appreciated if you tell me alternative ways to do the SC equivalent of a
>> grid.

>> Best regards!

>  --
> You received this message because you are subscribed to the Google Groups
> "SproutCore" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/sproutcore/-/pIwTLSSxxasJ.
> To post to this group, send email to sprou...@googlegroups.com<javascript:>
> .
> To unsubscribe from this group, send email to
> sproutcore+...@googlegroups.com <javascript:>.
> For more options, visit this group at
> http://groups.google.com/group/sproutcore?hl=en.

> Errno::ENOENT at /my_app

> No such file or directory - ./tmp/chance/<my_app_dir>/frameworks/slickgrid/resources/stylesheets/slick- columnpicker-css.scss

> Ruby       C:/Program Files (x86)/SproutCore/local/sproutcore/vendor/chance/lib/chance/instance.rb: in initialize, line 461      

> As I stated before, I'm an SC noob and I have no idea why is SC looking for these files with the extension .scss. I read something about chance in SC guides but I still dont understand why is this error happening. What's the thing about these .scss files?

> Best regards

> Sexta-feira, 26 de Outubro de 2012 1:06:31 UTC+1, Topher escreveu:
> I'm pretty sure that you can put a resources/stylesheets folder inside your slickgrid framework folder with the appropriate CSS files inside. This should load exactly as you need; I'm pretty sure this is the route I took :-)

> Sent from my iPhone

> On Oct 25, 2012, at 6:15 PM, TheDude <pmarq...@gmail.com> wrote:

>> I just confirmed that the cause of my problems were indeed related to Slickgrid's stylesheets not being loaded. I just placed Slickgrid's stylesheets under my app's resources folder, although I dont think this is the correct way to do it. Is there another way to load those stylesheets into my app through, perhaps, my build file?

>> Best regards

>> Quinta-feira, 25 de Outubro de 2012 23:57:32 UTC+1, TheDude escreveu:
>> Hi there!

>> I'm trying to integrate Slickgrid (https://github.com/mleibman/SlickGrid) into my Sproutcore app but so far I've been unsuccessfull. I've placed Slickgrid on folder slickgrid  under frameworks folder, which, in turn, is located in my app root folder. This is how it looks:

>> my_app
>>    -> frameworks
>>        ->slickgrid
>>           -> <slickgrid extracted files...>

>> In my build file I have just this line: config :my_app, :required => [:sproutcore, :slickgrid]

>> I'm using a simple wrapper around Slickgrid which can be found in https://gist.github.com/838826 (The only adjustment i made was replace SGUI for MyApp). Below is the code where   i design the wrapper view, MyApp.TableView:

>> testView : MyApp.TableView.design({
>>        contentBinding: "MyApp.dataController.arrangedObjects",
>>        options:{enableCellNavigation:YES},
>>        columns:[
>>                {id:'name', name:'Name', field:'name'},
>>                {id:'age', name:'Age', field:'age'},
>>                {id:'address', name:'Address', field:'address'},
>>                {id:'phone', name:'Phone', field:'phone'}
>>        ],
>>        layout : {width: 500, height: 500}
>> })

>> It all looks right and simple, but when the view gets rendered the column headers and the table rows are all misplaced. The column and the data is all there but they are a mess, with column headers the grid cells all piled up over the same column. I looked into my app stylesheet and there is nothing that could be affecting the grid. Using Firebug i confirmed that any of Slickgrid's stylesheets were being loaded and that is the probable cause of the problem. Why are they not being loaded? I'm a noob in SC and I would like to know if there is something else i must do to get those stylesheets to be loaded. Do I have to add anything else into the build file?

>> For the record, I've tried SC.TableView but I find it to be too limited for my needs and it seems to be deprecated. I want to build highly interactive tables with, p.e., drag-n-drop re-ordable rows, and I have not seen any other SC control that resembles TableView. So, I'd also be very appreciated if you tell me alternative ways to do the SC equivalent of a grid.

>> Best regards!

>> --
>> You received this message because you are subscribed to the Google Groups "SproutCore" group.
>> To view this discussion on the web visit https://groups.google.com/d/msg/sproutcore/-/pIwTLSSxxasJ.
>> To post to this group, send email to sprou...@googlegroups.com.
>> To unsubscribe from this group, send email to sproutcore+...@googlegroups.com.
>> For more options, visit this group at http://groups.google.com/group/sproutcore?hl=en.

> --
> You received this message because you are subscribed to the Google Groups "SproutCore" group.
> To view this discussion on the web visit https://groups.google.com/d/msg/sproutcore/-/l7ZvkjMXv_MJ.
> To post to this group, send email to sproutcore@googlegroups.com.
> To unsubscribe from this group, send email to sproutcore+unsubscribe@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/sproutcore?hl=en.

> First of all, thanks for your answer Topher! I did what you told but when
> I launch my app the following error occurs:

> *Errno::ENOENT at /my_app* *No such file or directory - ./tmp/chance/
> <my_app_dir>
> /frameworks/slickgrid/resources/stylesheets/slick-columnpicker-css.scss* *
> Ruby* *C:/Program Files
> (x86)/SproutCore/local/sproutcore/vendor/chance/lib/chance/instance.rb:
> in initialize, line 461 *    
> As I stated before, I'm an SC noob and I have no idea why is SC looking
> for these files with the extension *.scss*. I read something about *chance
> * in SC guides but I still dont understand why is this error happening.
> What's the thing about these *.scss* files?

> Best regards

> Sexta-feira, 26 de Outubro de 2012 1:06:31 UTC+1, Topher escreveu:

>> I'm pretty sure that you can put a resources/stylesheets folder inside
>> your slickgrid framework folder with the appropriate CSS files inside. This
>> should load exactly as you need; I'm pretty sure this is the route I took
>> :-)

>> Sent from my iPhone

>> On Oct 25, 2012, at 6:15 PM, TheDude <pmarq...@gmail.com> wrote:

>> I just confirmed that the cause of my problems were indeed related to
>> Slickgrid's stylesheets not being loaded. I just placed Slickgrid's
>> stylesheets under my app's resources folder, although I dont think this is
>> the correct way to do it. Is there another way to load those stylesheets
>> into my app through, perhaps, my build file?

>> Best regards

>> Quinta-feira, 25 de Outubro de 2012 23:57:32 UTC+1, TheDude escreveu:

>>> Hi there!

>>> I'm trying to integrate Slickgrid (https://github.com/mleibman/SlickGrid)
>>> into my Sproutcore app but so far I've been unsuccessfull. I've placed
>>> Slickgrid on folder *slickgrid*  under *frameworks* folder, which, in
>>> turn, is located in my app root folder. This is how it looks:

>>> *my_app*
>>> *   -> frameworks*
>>> *       ->**slickgrid*
>>> *          -> <slickgrid extracted files...>*

>>> In my build file I have just this line: *config :my_app, :required =>
>>> [:sproutcore, :slickgrid] *
>>> *
>>> *
>>> I'm using a simple wrapper around Slickgrid which can be found in
>>> https://gist.github.com/838826 (The only adjustment i made was replace *
>>> SGUI* for *MyApp*). Below is the code where   i design the wrapper
>>> view, *MyApp.TableView*:

>>> *testView : MyApp.TableView.design({*
>>> * contentBinding: "MyApp.dataController.arrangedObjects",*
>>> * options:{enableCellNavigation:YES},*
>>> * columns:[*
>>> * {id:'name', name:'Name', field:'name'},*
>>> * {id:'age', name:'Age', field:'age'},*
>>> * {id:'address', name:'Address', field:'**address**'},*
>>> * {id:'phone', name:'Phone', field:'phone'}*
>>> * ],*
>>> * layout : {width: 500, height: 500}*
>>> *})*

>>> It all looks right and simple, but when the view gets rendered the
>>> column headers and the table rows are all misplaced. The column and the
>>> data is all there but they are a mess, with column headers the grid cells
>>> all piled up over the same column. I looked into my app stylesheet and
>>> there is nothing that could be affecting the grid. Using Firebug i
>>> confirmed that any of Slickgrid's stylesheets were being loaded and that is
>>> the probable cause of the problem. Why are they not being loaded? I'm a
>>> noob in SC and I would like to know if there is something else i must do to
>>> get those stylesheets to be loaded. Do I have to add anything else into the
>>> build file?

>>> For the record, I've tried SC.TableView but I find it to be too limited
>>> for my needs and it seems to be deprecated. I want to build highly
>>> interactive tables with, p.e., drag-n-drop re-ordable rows, and I have not
>>> seen any other SC control that resembles TableView. So, I'd also be very
>>> appreciated if you tell me alternative ways to do the SC equivalent of a
>>> grid.

>>> Best regards!

>>  --
>> You received this message because you are subscribed to the Google Groups
>> "SproutCore" group.
>> To view this discussion on the web visit
>> https://groups.google.com/d/msg/sproutcore/-/pIwTLSSxxasJ.
>> To post to this group, send email to sprou...@googlegroups.com.
>> To unsubscribe from this group, send email to
>> sproutcore+...@googlegroups.com.
>> For more options, visit this group at
>> http://groups.google.com/group/sproutcore?hl=en.

> Can you share slick-columnpicker-css.scss? I suspect it using some sass
> syntax that confuses Chance.
> You should be able to fix it just compile the scss files down to css and
> the include only the css.

> HTH,
> Umberto

> Il giorno sabato 27 ottobre 2012 02:59:00 UTC+2, TheDude ha scritto:

>> First of all, thanks for your answer Topher! I did what you told but when
>> I launch my app the following error occurs:

>> *Errno::ENOENT at /my_app* *No such file or directory - ./tmp/chance/
>> <my_app_dir>
>> /frameworks/slickgrid/resources/stylesheets/slick-columnpicker-css.scss*
>> *Ruby* *C:/Program Files
>> (x86)/SproutCore/local/sproutcore/vendor/chance/lib/chance/instance.rb:
>> in initialize, line 461 *    
>> As I stated before, I'm an SC noob and I have no idea why is SC looking
>> for these files with the extension *.scss*. I read something about *
>> chance* in SC guides but I still dont understand why is this error
>> happening. What's the thing about these *.scss* files?

>> Best regards

>> Sexta-feira, 26 de Outubro de 2012 1:06:31 UTC+1, Topher escreveu:

>>> I'm pretty sure that you can put a resources/stylesheets folder inside
>>> your slickgrid framework folder with the appropriate CSS files inside. This
>>> should load exactly as you need; I'm pretty sure this is the route I took
>>> :-)

>>> Sent from my iPhone

>>> On Oct 25, 2012, at 6:15 PM, TheDude <pmarq...@gmail.com> wrote:

>>> I just confirmed that the cause of my problems were indeed related to
>>> Slickgrid's stylesheets not being loaded. I just placed Slickgrid's
>>> stylesheets under my app's resources folder, although I dont think this is
>>> the correct way to do it. Is there another way to load those stylesheets
>>> into my app through, perhaps, my build file?

>>> Best regards

>>> Quinta-feira, 25 de Outubro de 2012 23:57:32 UTC+1, TheDude escreveu:

>>>> Hi there!

>>>> I'm trying to integrate Slickgrid (
>>>> https://github.com/mleibman/SlickGrid) into my Sproutcore app but so
>>>> far I've been unsuccessfull. I've placed Slickgrid on folder *slickgrid
>>>> *  under *frameworks* folder, which, in turn, is located in my app
>>>> root folder. This is how it looks:

>>>> *my_app*
>>>> *   -> frameworks*
>>>> *       ->**slickgrid*
>>>> *          -> <slickgrid extracted files...>*

>>>> In my build file I have just this line: *config :my_app, :required =>
>>>> [:sproutcore, :slickgrid] *
>>>> *
>>>> *
>>>> I'm using a simple wrapper around Slickgrid which can be found in
>>>> https://gist.github.com/838826 (The only adjustment i made was replace
>>>> *SGUI* for *MyApp*). Below is the code where   i design the wrapper
>>>> view, *MyApp.TableView*:

>>>> *testView : MyApp.TableView.design({*
>>>> * contentBinding: "MyApp.dataController.arrangedObjects",*
>>>> * options:{enableCellNavigation:YES},*
>>>> * columns:[*
>>>> * {id:'name', name:'Name', field:'name'},*
>>>> * {id:'age', name:'Age', field:'age'},*
>>>> * {id:'address', name:'Address', field:'**address**'},*
>>>> * {id:'phone', name:'Phone', field:'phone'}*
>>>> * ],*
>>>> * layout : {width: 500, height: 500}*
>>>> *})*

>>>> It all looks right and simple, but when the view gets rendered the
>>>> column headers and the table rows are all misplaced. The column and the
>>>> data is all there but they are a mess, with column headers the grid cells
>>>> all piled up over the same column. I looked into my app stylesheet and
>>>> there is nothing that could be affecting the grid. Using Firebug i
>>>> confirmed that any of Slickgrid's stylesheets were being loaded and that is
>>>> the probable cause of the problem. Why are they not being loaded? I'm a
>>>> noob in SC and I would like to know if there is something else i must do to
>>>> get those stylesheets to be loaded. Do I have to add anything else into the
>>>> build file?

>>>> For the record, I've tried SC.TableView but I find it to be too limited
>>>> for my needs and it seems to be deprecated. I want to build highly
>>>> interactive tables with, p.e., drag-n-drop re-ordable rows, and I have not
>>>> seen any other SC control that resembles TableView. So, I'd also be very
>>>> appreciated if you tell me alternative ways to do the SC equivalent of a
>>>> grid.

>>>> Best regards!

>>>  --
>>> You received this message because you are subscribed to the Google
>>> Groups "SproutCore" group.
>>> To view this discussion on the web visit
>>> https://groups.google.com/d/msg/sproutcore/-/pIwTLSSxxasJ.
>>> To post to this group, send email to sprou...@googlegroups.com.
>>> To unsubscribe from this group, send email to
>>> sproutcore+...@googlegroups.com.
>>> For more options, visit this group at
>>> http://groups.google.com/group/sproutcore?hl=en.

> Hello everybody,

> My slick-columnpicker-css.scss can be found here:
> https://dl.dropbox.com/u/2815529/slick-columnpicker-css.scssc. I opened
> the file and it has some weird characters in it, but have no idea if those
> are normal.

> Much appreciated for the help.

> Best regards

> Terça-feira, 30 de Outubro de 2012 8:38:50 UTC, Umberto Nicoletti escreveu:

>> Can you share slick-columnpicker-css.scss? I suspect it using some sass
>> syntax that confuses Chance.
>> You should be able to fix it just compile the scss files down to css and
>> the include only the css.

>> HTH,
>> Umberto

>> Il giorno sabato 27 ottobre 2012 02:59:00 UTC+2, TheDude ha scritto:

>>> First of all, thanks for your answer Topher! I did what you told but
>>> when I launch my app the following error occurs:

>>> *Errno::ENOENT at /my_app* *No such file or directory - ./tmp/chance/
>>> <my_app_dir>
>>> /frameworks/slickgrid/resources/stylesheets/slick-columnpicker-css.scss*
>>> *Ruby* *C:/Program Files
>>> (x86)/SproutCore/local/sproutcore/vendor/chance/lib/chance/instance.rb:
>>> in initialize, line 461 *    
>>> As I stated before, I'm an SC noob and I have no idea why is SC looking
>>> for these files with the extension *.scss*. I read something about *
>>> chance* in SC guides but I still dont understand why is this error
>>> happening. What's the thing about these *.scss* files?

>>> Best regards

>>> Sexta-feira, 26 de Outubro de 2012 1:06:31 UTC+1, Topher escreveu:

>>>> I'm pretty sure that you can put a resources/stylesheets folder inside
>>>> your slickgrid framework folder with the appropriate CSS files inside. This
>>>> should load exactly as you need; I'm pretty sure this is the route I took
>>>> :-)

>>>> Sent from my iPhone

>>>> On Oct 25, 2012, at 6:15 PM, TheDude <pmarq...@gmail.com> wrote:

>>>> I just confirmed that the cause of my problems were indeed related to
>>>> Slickgrid's stylesheets not being loaded. I just placed Slickgrid's
>>>> stylesheets under my app's resources folder, although I dont think this is
>>>> the correct way to do it. Is there another way to load those stylesheets
>>>> into my app through, perhaps, my build file?

>>>> Best regards

>>>> Quinta-feira, 25 de Outubro de 2012 23:57:32 UTC+1, TheDude escreveu:

>>>>> Hi there!

>>>>> I'm trying to integrate Slickgrid (
>>>>> https://github.com/mleibman/SlickGrid) into my Sproutcore app but so
>>>>> far I've been unsuccessfull. I've placed Slickgrid on folder *
>>>>> slickgrid*  under *frameworks* folder, which, in turn, is located in
>>>>> my app root folder. This is how it looks:

>>>>> *my_app*
>>>>> *   -> frameworks*
>>>>> *       ->**slickgrid*
>>>>> *          -> <slickgrid extracted files...>*

>>>>> In my build file I have just this line: *config :my_app, :required =>
>>>>> [:sproutcore, :slickgrid] *
>>>>> *
>>>>> *
>>>>> I'm using a simple wrapper around Slickgrid which can be found in
>>>>> https://gist.github.com/838826 (The only adjustment i made was
>>>>> replace *SGUI* for *MyApp*). Below is the code where   i design the
>>>>> wrapper view, *MyApp.TableView*:

>>>>> *testView : MyApp.TableView.design({*
>>>>> * contentBinding: "MyApp.dataController.arrangedObjects",*
>>>>> * options:{enableCellNavigation:YES},*
>>>>> * columns:[*
>>>>> * {id:'name', name:'Name', field:'name'},*
>>>>> * {id:'age', name:'Age', field:'age'},*
>>>>> * {id:'address', name:'Address', field:'**address**'},*
>>>>> * {id:'phone', name:'Phone', field:'phone'}*
>>>>> * ],*
>>>>> * layout : {width: 500, height: 500}*
>>>>> *})*

>>>>> It all looks right and simple, but when the view gets rendered the
>>>>> column headers and the table rows are all misplaced. The column and the
>>>>> data is all there but they are a mess, with column headers the grid cells
>>>>> all piled up over the same column. I looked into my app stylesheet and
>>>>> there is nothing that could be affecting the grid. Using Firebug i
>>>>> confirmed that any of Slickgrid's stylesheets were being loaded and that is
>>>>> the probable cause of the problem. Why are they not being loaded? I'm a
>>>>> noob in SC and I would like to know if there is something else i must do to
>>>>> get those stylesheets to be loaded. Do I have to add anything else into the
>>>>> build file?

>>>>> For the record, I've tried SC.TableView but I find it to be too
>>>>> limited for my needs and it seems to be deprecated. I want to build highly
>>>>> interactive tables with, p.e., drag-n-drop re-ordable rows, and I have not
>>>>> seen any other SC control that resembles TableView. So, I'd also be very
>>>>> appreciated if you tell me alternative ways to do the SC equivalent of a
>>>>> grid.

>>>>> Best regards!

>>>>  --
>>>> You received this message because you are subscribed to the Google
>>>> Groups "SproutCore" group.
>>>> To view this discussion on the web visit
>>>> https://groups.google.com/d/msg/sproutcore/-/pIwTLSSxxasJ.
>>>> To post to this group, send email to sprou...@googlegroups.com.
>>>> To unsubscribe from this group, send email to
>>>> sproutcore+...@googlegroups.com.
>>>> For more options, visit this group at
>>>> http://groups.google.com/group/sproutcore?hl=en.

> Definitely not a css file. Try to move it out of the application directory
> tree and see what happens.
> If it works we'll then find a way to fix it once and for all.

> HTH,
> Umberto

> Il giorno mercoledì 31 ottobre 2012 01:52:28 UTC+1, TheDude ha scritto:

>> Hello everybody,

>> My slick-columnpicker-css.scss can be found here:
>> https://dl.dropbox.com/u/2815529/slick-columnpicker-css.scssc. I opened
>> the file and it has some weird characters in it, but have no idea if those
>> are normal.

>> Much appreciated for the help.

>> Best regards

>> Terça-feira, 30 de Outubro de 2012 8:38:50 UTC, Umberto Nicoletti
>> escreveu:

>>> Can you share slick-columnpicker-css.scss? I suspect it using some sass
>>> syntax that confuses Chance.
>>> You should be able to fix it just compile the scss files down to css and
>>> the include only the css.

>>> HTH,
>>> Umberto

>>> Il giorno sabato 27 ottobre 2012 02:59:00 UTC+2, TheDude ha scritto:

>>>> First of all, thanks for your answer Topher! I did what you told but
>>>> when I launch my app the following error occurs:

>>>> *Errno::ENOENT at /my_app* *No such file or directory - ./tmp/chance/
>>>> <my_app_dir>
>>>> /frameworks/slickgrid/resources/stylesheets/slick-columnpicker-css.scss
>>>> * *Ruby* *C:/Program Files
>>>> (x86)/SproutCore/local/sproutcore/vendor/chance/lib/chance/instance.rb:
>>>> in initialize, line 461 *    
>>>> As I stated before, I'm an SC noob and I have no idea why is SC looking
>>>> for these files with the extension *.scss*. I read something about *
>>>> chance* in SC guides but I still dont understand why is this error
>>>> happening. What's the thing about these *.scss* files?

>>>> Best regards

>>>> Sexta-feira, 26 de Outubro de 2012 1:06:31 UTC+1, Topher escreveu:

>>>>> I'm pretty sure that you can put a resources/stylesheets folder inside
>>>>> your slickgrid framework folder with the appropriate CSS files inside. This
>>>>> should load exactly as you need; I'm pretty sure this is the route I took
>>>>> :-)

>>>>> Sent from my iPhone

>>>>> On Oct 25, 2012, at 6:15 PM, TheDude <pmarq...@gmail.com> wrote:

>>>>> I just confirmed that the cause of my problems were indeed related to
>>>>> Slickgrid's stylesheets not being loaded. I just placed Slickgrid's
>>>>> stylesheets under my app's resources folder, although I dont think this is
>>>>> the correct way to do it. Is there another way to load those stylesheets
>>>>> into my app through, perhaps, my build file?

>>>>> Best regards

>>>>> Quinta-feira, 25 de Outubro de 2012 23:57:32 UTC+1, TheDude escreveu:

>>>>>> Hi there!

>>>>>> I'm trying to integrate Slickgrid (
>>>>>> https://github.com/mleibman/SlickGrid) into my Sproutcore app but so
>>>>>> far I've been unsuccessfull. I've placed Slickgrid on folder *
>>>>>> slickgrid*  under *frameworks* folder, which, in turn, is located in
>>>>>> my app root folder. This is how it looks:

>>>>>> *my_app*
>>>>>> *   -> frameworks*
>>>>>> *       ->**slickgrid*
>>>>>> *          -> <slickgrid extracted files...>*

>>>>>> In my build file I have just this line: *config :my_app, :required
>>>>>> => [:sproutcore, :slickgrid] *
>>>>>> *
>>>>>> *
>>>>>> I'm using a simple wrapper around Slickgrid which can be found in
>>>>>> https://gist.github.com/838826 (The only adjustment i made was
>>>>>> replace *SGUI* for *MyApp*). Below is the code where   i design the
>>>>>> wrapper view, *MyApp.TableView*:

>>>>>> *testView : MyApp.TableView.design({*
>>>>>> * contentBinding: "MyApp.dataController.arrangedObjects",*
>>>>>> * options:{enableCellNavigation:YES},*
>>>>>> * columns:[*
>>>>>> * {id:'name', name:'Name', field:'name'},*
>>>>>> * {id:'age', name:'Age', field:'age'},*
>>>>>> * {id:'address', name:'Address', field:'**address**'},*
>>>>>> * {id:'phone', name:'Phone', field:'phone'}*
>>>>>> * ],*
>>>>>> * layout : {width: 500, height: 500}*
>>>>>> *})*

>>>>>> It all looks right and simple, but when the view gets rendered the
>>>>>> column headers and the table rows are all misplaced. The column and the
>>>>>> data is all there but they are a mess, with column headers the grid cells
>>>>>> all piled up over the same column. I looked into my app stylesheet and
>>>>>> there is nothing that could be affecting the grid. Using Firebug i
>>>>>> confirmed that any of Slickgrid's stylesheets were being loaded and that is
>>>>>> the probable cause of the problem. Why are they not being loaded? I'm a
>>>>>> noob in SC and I would like to know if there is something else i must do to
>>>>>> get those stylesheets to be loaded. Do I have to add anything else into the
>>>>>> build file?

>>>>>> For the record, I've tried SC.TableView but I find it to be too
>>>>>> limited for my needs and it seems to be deprecated. I want to build highly
>>>>>> interactive tables with, p.e., drag-n-drop re-ordable rows, and I have not
>>>>>> seen any other SC control that resembles TableView. So, I'd also be very
>>>>>> appreciated if you tell me alternative ways to do the SC equivalent of a
>>>>>> grid.

>>>>>> Best regards!

>>>>>  --
>>>>> You received this message because you are subscribed to the Google
>>>>> Groups "SproutCore" group.
>>>>> To view this discussion on the web visit
>>>>> https://groups.google.com/d/msg/sproutcore/-/pIwTLSSxxasJ.
>>>>> To post to this group, send email to sprou...@googlegroups.com.
>>>>> To unsubscribe from this group, send email to
>>>>> sproutcore+...@googlegroups.com.
>>>>> For more options, visit this group at
>>>>> http://groups.google.com/group/sproutcore?hl=en.