Hybrid View

  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    20
    Vote Rating
    0
    mjay76 is on a distinguished road

      0  

    Default Designer 2 Workflow - Possibility to use Designer & Texteditor

    Designer 2 Workflow - Possibility to use Designer & Texteditor


    Hello,

    i startet to try Sencha Touch and Designer 2 some Days ago.
    So far, i don't really understand the workflow.

    I have to create an app that don't really looks like a standard app. How can i extend the layout in Designer? Can i extend my Designer-Project by a custom CSS an own IconClasses?

    Sometimes, when i use helper tools like Designer, i prefer to make changes directly in the code, rather than searching for the Place to do it in the tool (if it is possible). Can i use a text editor to make changes directly in the code?

    Sorry for my bad English an if this Questions eventually are a bit stupid.
    It's hard for me to learn this concept in a Language i don't really use very often.

    Thanks

  2. #2
    Sencha Premium Member
    Join Date
    May 2010
    Location
    Guatemala, Central America
    Posts
    1,310
    Vote Rating
    138
    ssamayoa is a glorious beacon of light ssamayoa is a glorious beacon of light ssamayoa is a glorious beacon of light ssamayoa is a glorious beacon of light ssamayoa is a glorious beacon of light ssamayoa is a glorious beacon of light

      0  

    Default


    When you say language are you reffering to JS or english?

    Anyway, Designer is mean to be an IDE even if still lacks some features like custom CSS/theme. But you can craft an application with it then on your deploy environment have your own css/theme.

    For example, I'm developing an application backed up by Glassfish (JEE 6) using eclipse so I deploy Designer's project to /WebContent folder. Instead of using the generated designer.html I created one called app.html which includes my own code (DataUtils.js, UIUtils.js and so) and there I can, if I wanted, include my own theme. I will work on a theme for the app but for now I'm focused in application's code. I dont use "lauch" in designer, instead I lauch manually my app directly in the browser pointing to app.htmt instead of designer.html.

    About code editing: The idea behing Designer is to easy the UI design and generate 100% well writen code so editing generated code is out of question. If you were able to modify it Designer be unable to manipulate again or your code would be overriden next time code is generated.

    I know that there are a lot of limitation like UX components, use 3r party components and so but the time saved because the Designer worth the effort to look for an alternatives that normally, with hand crafted applications, were very easy.

    Regards.
    UI: Sencha Architect 3.x / ExtJS 4 & 5
    Server side: JEE / EJB 3.x / CDI / JPA 2.x/ JAX-RS / JasperReports
    Application Server: Glassfish / WildFly
    Databases: Oracle / DB2 / MySQL / Firebird

    If you like my answer please vote!

  3. #3
    Sencha User
    Join Date
    Mar 2012
    Posts
    20
    Vote Rating
    0
    mjay76 is on a distinguished road

      0  

    Default


    Thank you for fast answering.

    I'm referring to english. It's not so easy to search in forums, Google or following screencasts and tutorials when you're missing practice and specially vocabularies ...

    Do i understand you correct:
    I create my App in Designer. There i can see the unthemed Version in the Preview. At same time i can create an app.html (or index.html), my own entry-point to the app, next to the designer.html, where i create my own styling?

    Thank you

  4. #4
    Sencha Premium Member
    Join Date
    May 2010
    Location
    Guatemala, Central America
    Posts
    1,310
    Vote Rating
    138
    ssamayoa is a glorious beacon of light ssamayoa is a glorious beacon of light ssamayoa is a glorious beacon of light ssamayoa is a glorious beacon of light ssamayoa is a glorious beacon of light ssamayoa is a glorious beacon of light

      0  

    Default


    Definitely knowing english (read at least) is very helpfull because is lot more information about technical stuff in english than other language.What language you spoke?

    About styling:
    Sencha's frameworks (ExtJS and Touch) use sass/compass to create theming.
    It seems very frightening at first but is not so hard. For example, to change whole base color of the theme you only need to setup a variable then builr your css file.

    Look this:

    http://vimeo.com/33298159

    O
    ther usefull sencha videos here:

    http://vimeo.com/sencha

    R
    egards,
    UI: Sencha Architect 3.x / ExtJS 4 & 5
    Server side: JEE / EJB 3.x / CDI / JPA 2.x/ JAX-RS / JasperReports
    Application Server: Glassfish / WildFly
    Databases: Oracle / DB2 / MySQL / Firebird

    If you like my answer please vote!

  5. #5
    Sencha User
    Join Date
    Mar 2012
    Posts
    20
    Vote Rating
    0
    mjay76 is on a distinguished road

      0  

    Default


    Definitely!

    I'm from Germany. I learned English in school ... more than 15 years ago.
    And i'm not often in the situation to speak/read it. And technical things are more difficult to understand.

    I know Compass/Sass a little bit. I like it, because it brings CSS a little bit more to PHP or CSS. I think in future i will use Sass more often instead of writing CSS.

    Thank you for the links i'l watch them tomorrow (here it's 10.45 PM).

    I wish you a nice week.

    Regards

Thread Participants: 1

Tags for this Thread