Results 1 to 4 of 4

Thread: Difficulties to link Architect and Themer

  1. #1
    Sencha User
    Join Date
    Dec 2008
    Location
    France
    Posts
    305
    Answers
    4
    Vote Rating
    2
      0  

    Default Difficulties to link Architect and Themer

    Hello,

    Themer 1.3.0
    Architect 4.2.2

    I made some work with Architect and Themer and i find it's difficult to link work between them.
    I've tried different solution :

    but it's not working as expected.

    After a lot of tests, i found this way to link Architect end Themer :
    1. Create a project with Architect and save it. At this time, you can design your views, stores, etc....
    2. Keep Architect open
    3. Open Themer and create a theme from your project. You specify the path of your app / workspace {ArchitectSaveFolder} and you choose the folder where to save the theme inside your project {ArchitectSaveFolder}/packages/local/{theme-name}
    4. Design your theme in Themer without doing anything else in Architect.
    5. You can see in the "Cmd Output" of Architect the fashion compilation each time you change something in your theme in Themer. But the theme isn't apply in Architect nor in the browser at this time
    6. When you have designed some or all parts of your theme, close Architect and keep Themer opened.
    7. Open again Architect. Nothing changes here
    8. Close again Architect (keep Themer always opened).
    9. Open again Architect. This time, all compilations are running in "Cmd Output" of Architect.
    10. That's it ! Your theme is applied inside Architect and the browser.



    After that, i want to design some custom component (like a numberfield).
    In Architect, I've tried to add Scss Resource in the {theme-name} (Remember : {theme-name} is the theme designed with Themer).
    But this custom css doesn't apply.
    So, i did some specific ui in Themer, and i've chosen the ui name to apply to the component in Architect (in the UI tab under the Toolbox). Seems to work for simple design (background color).
    But for some total specific design, need to edit the "theme-ui-variable.scss" file in {ArchitectSaveFolder}/packages/local/{theme-name}/sass/var. Trying some test here to see if all my specific design is really applied ==> Not good solution, or need to know the entire scss syntax....
    An other simple solution : add a Css Resource in your Architect project and set the different cls properties of your components with the one declared in the Css Resource. That's OK.



    If other simple way exists, i take it

  2. #2
    Sencha - Support Team bjdurham85's Avatar
    Join Date
    Mar 2014
    Posts
    957
    Answers
    55
    Vote Rating
    21
      0  

    Default

    Hi--,

    Sorry to hear about your troubles. To my knowledge there isn't much currently in the way of bridging the SA/Themer, however, a recent roadmap blog post was released and has a section around that.

    https://www.sencha.com/blog/sencha-p...oadmap-update/

    Regards,
    Bryan

  3. #3
    Sencha User
    Join Date
    Dec 2008
    Location
    France
    Posts
    305
    Answers
    4
    Vote Rating
    2
      0  

    Default

    Quote Originally Posted by bjdurham85 View Post
    however, a recent roadmap blog post was released and has a section around that.
    https://www.sencha.com/blog/sencha-p...oadmap-update/
    Integrate Themer with Architect : need to wait after Q4'18

  4. #4
    Sencha User
    Join Date
    Dec 2008
    Location
    France
    Posts
    305
    Answers
    4
    Vote Rating
    2
      0  

    Default

    Quote Originally Posted by senacle View Post
    An other simple solution : add a Css Resource in your Architect project and set the different cls properties of your components with the one declared in the Css Resource.
    Very strange....

    This morning, i open again my app with sencha Architect.
    And you know what ?
    My custom css for number field is appearing well !?!?!?

    So, here is how it works :
    the numberfield config "fieldCls" is set to "my_custom_cls".

    .my_custom_cls is declared in the custom Css Resource in packages/local/theme-triton-my_app/sass/src/Custom.scss

Similar Threads

  1. unexpected error - Import Theme from Themer into Architect
    By senacle in forum Sencha Architect 4.x: Bugs
    Replies: 2
    Last Post: 10 Jul 2018, 4:23 AM
  2. Architect 4.1.2.188 not compatible with theme created by Themer 1.2.0.41?
    By dleong@celsinc.com in forum Sencha Architect 4.x: Q&A
    Replies: 10
    Last Post: 22 Jun 2017, 1:16 AM
  3. Replies: 5
    Last Post: 21 Mar 2017, 6:03 AM
  4. Strange behaviour when working with Themer themes and Architect
    By kevin.flueckiger in forum Sencha Architect 4.x: Q&A
    Replies: 3
    Last Post: 20 Feb 2017, 4:56 AM
  5. link component in sencha architect
    By kaushalkumar in forum Sencha Architect 2.x: Help & Discussions
    Replies: 3
    Last Post: 26 Aug 2013, 5:41 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •