I am trying to use your single delete component. I'm not sure what to do with the resources/sass/editablelist.scss file. Should I be copying it's contents into my application.scss file and compile it? I'm ok with Javascript but no clue with what to do with Ruby/SASS.
BTW, are you aware the readme file is empty in github?
Could you please, (when you find time) put the css styles needed by this component into a separate css file. This wei it is much easier to add it/remove it from the project. I tried merging your css with mine without much success. Something is always wrong. Perhaps I should learn sass, but I really do not have time right now.
If anybody in this forum can help me to add this to my project, without messing up other stuff, I would be very thankful.
Hi mildtee.
I already included in the github package the SASS file.
You have to include that in your application theme and compile your CSS using SASS and COMPASS and everything will be fine
Hope this helps.
Sencha Inc Andrea Cammarata, Solutions Engineer
CEO at SIMACS
I am really thankful for your project, especially for the fact that you are sharing it online and even more for the fact that you are replying to posts in this forum.
The problem that I'm having is: I'm programming for a while. In regards to Sencha I'm OK with js and css, but sass and Sencha teming is out of my league. I do not even have my theme in the app yet, just using defaults.
I tried to implement another plugin in my app and that worked out well because all the related css was in one file that I just additionaly included into my app. Related JS was also in one file.
So my app already has the default Secha css file, and it all looks good. I would like to add your plugin related css into an extra file and include it in my project.
You beeing a perfectionist is the actual problem (joking). I wish I had enough time to figure out the Secha Theming and SASS but until then I need to feed my app smaller portions of the code.
Please forgive me if I'm asking for too much. Hope you understand my pain. Perhaps you may point me to the right direction.
Hi mildtee.
I know what you mean, but I really suggest you to take a double of hours (it doesn't take you more), to understand how SASS and COMPASS works.
It will save you a looot of time in your future Sencha app or even on developing a new website.
Take a deep look at this great tutorial written by David Kaneda on how style your app.
Hi Andrea, great work, the editable list looks very good.
I want to use the editable list component on a project, but I don't know how to add it. I been looking around about how to add a plugin or a component to a sencha-touch project, but I haven't found any info. I watch the two videos you mentioned previously and read the blog post, but they talk about compiling css files with compass and sass.
For what I have read and understand, I need to compile with compass the sencha touch css file together with the editable-list.scss file. What about the Ext.tux.EditableList.js? Do I need to add the file to the folder where I have my sencha-touch.js and include it on my index.html, then use the app.js list implementation you have on my own listImplementation.js file? I will give it a try and see if that is how it should be done. If you have any suggestions, they are always welcome.
Hi todo.
Thank you for your feedback.
To use this component you have to include the "Ext.tux.EditableList.js" file inside your html page, just like you do with Sencha framework.
If you download the full package from github there are also included some examples that show you how to use it.
About the styles:
Yes, you have to compile your theme including the new "editable-list.scss" sass files.
If you need more additional info, don't hesitate to ask.
Sencha Inc Andrea Cammarata, Solutions Engineer
CEO at SIMACS
Originally Posted by andreacammarata
uhmm...then I suggest you to deal first with stable Sencha Touch components to get started!
scss / SASS file? - compass compile?
Reply With Quote
