Really cool stuff Andrea! Are you going to covert this to Sencha Touch 2?
Originally Posted by andreacammarata
12 Oct 2011, 11:04 PM
scss / SASS file? - compass compile?
BTW, are you aware the readme file is empty in github?
Sencha Premium Member
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.
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 Premium Member
huh, everything fine you sad :)
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.
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.
Or these videos:
You will not regret.
Hope this helps.
Using editable list component
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.
Have a nice weekend.
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.
Hi Andrea. Great job!
Does this plugin work on iPhone through PhoneGap? (I have a problem with it)
There was a bug. I fixed it as well as other 2 bugs. I will provide information about them on this week.
Last edited by egor4eg; 5 Dec 2011 at 6:20 AM.
Tags for this Thread