Results 1 to 9 of 9

Thread: Building the Admin Dashboard example with Visual Studio plug in

  1. #1
    Sencha Premium User
    Join Date
    Sep 2015
    Posts
    22

    Default Building the Admin Dashboard example with Visual Studio plug in

    HI there,
    I am moving across to ExtJS6 and like what I see there. As pert of this I'd like to be able to build the Demonstration Examples, especially the Admin Dashboard from within Visual Studio. I tried copying over various directories but without any success.
    Are there simple steps I can follow to build it correctly?

    Thanks
    craig

  2. #2
    Sencha - Product Team
    Join Date
    Apr 2015
    Posts
    110
    Answers
    22

    Default

    Hi!,
    Following steps works for me:
    1. In Visual Studio, create a standalone Ext JS Web Site, which can be added to ASP.NET projects. choose File > New > New Web Site. Next, on the left-hand panel, select Templates > Visual C#, and finally select Ext JS Web Site from the main panel, In WebLocation, specify "Admin" (for name space instead of ExtWebSiteX) and click OK:
    2. In Visual Studio, "F5" and verify sample app works
    3. Replace directories app, classic, modern, resources, saas, index.html, app.js, app.json with those from Admin template
    4. Go to Admin directory and From Cmd, type sencha app refresh
    5. From Cmd, type sencha app build development
    6. Open Admin in visual studio. "F5", verify that Admin app shows up

  3. #3
    Sencha Premium User
    Join Date
    Sep 2015
    Posts
    22

    Default

    Hi Sandeep,
    Thanks for your instructions. I followed them and got the following as part of the build command. I have tried it a number of times (closing other apps etc) but to no avail. Any idea how to increase the timeout for the sass?
    Cheers
    Craig

    [INF] appending sass content to C:\Users\Craig\Documents\Visual Studio 2015\Projects\Admin\Admin\Sencha\build\temp\development\Admin\sass\Admin-all.scss.tmp
    [INF] Aliases are enabled
    [INF] Aliases are enabled
    [ERR]
    [ERR] BUILD FAILED
    [ERR] com.sencha.exceptions.ExBuild: Timed out waiting for sass build completion
    [ERR]
    [ERR] Total time: 1 minute 41 seconds
    [ERR] ================= Phantomjs Output =================
    [ERR] loading page http://localhost:1841/sass/example/fashion.html?phantomjs=true


    A
    ddendum:
    I just found this post https://www.sencha.com/forum/showthr...5-Sass-Timeout. It seems that I needed to go back to an earlier version where everything would work okay. I did. it did. All is well until I ran it, at which point there were a mass of file not found errors. These required files in "http://localhost:7800/ext/build/examples/admin-dashboard/classic/resources/Admin-all_1.css?_dc=1456842170012/" which doesn't exist.

    Did you create your project as a sub project in the sencha ext tree rather than in the visual studio projects directory?

  4. #4
    Sencha - Product Team
    Join Date
    Apr 2015
    Posts
    110
    Answers
    22

    Default

    Hi!
    The Admin project that I created is in the visual studio projects and I used Sencha Cmd v6.1.0.65. We found that like you some people faced Cmd issue with sass build timeout. We will be releasing new version of Cmd soon that will fix this issue. Thanks.

  5. #5
    Sencha Premium Member
    Join Date
    Jul 2014
    Posts
    37

    Default

    When is that release date?

  6. #6
    Sencha - Product Team
    Join Date
    Apr 2015
    Posts
    110
    Answers
    22

    Default

    Hi!
    We released Sencha Cmd 6.1.1 couple of weeks back. To download the new version, please visit the Support Portal, using your activated support account, or you can download it from the Sencha Cmd download page. Thanks.

  7. #7
    Sencha Premium Member
    Join Date
    Jul 2014
    Posts
    37

    Default

    So it is confirmed that the issue referenced in Post #4 above is fixed with Cmd version 6.1.1? the SASS build timeout problem? I glossed over the Cmd Blog postings and did not see it referenced.

  8. #8
    Sencha - Product Team
    Join Date
    Apr 2015
    Posts
    110
    Answers
    22

    Default

    Hi,
    Here's forum post with users reporting that the issue is fixed now. https://www.sencha.com/forum/showthr...5-Sass-Timeout

  9. #9
    Sencha Premium Member
    Join Date
    Jul 2014
    Posts
    37

    Default

    I want to also point out that in step 4 of Sandeep's post above you will not necessarily need to do this if your have the VS plugin installed and built the project from within Visual Studio. If you go to the "Sencha" directory that was created, where you are copying code, you can do a right click and get the menu and then choose to have the Sencha APP WATCH started up so it will auto rebuild the code base and update the micro loader as you make changes.

Similar Threads

  1. Admin dashboard scrolling bug
    By mankz in forum Ext JS 6.x Bugs
    Replies: 5
    Last Post: 28 Jun 2017, 3:29 PM
  2. SenchaDash - Admin Dashboard source
    By wemerson.januario in forum Ext JS 6.x Q&A
    Replies: 2
    Last Post: 24 Jun 2016, 4:09 AM
  3. admin-dashboard: app.json
    By ClausThaler in forum Ext JS 6.x Bugs
    Replies: 0
    Last Post: 26 Feb 2016, 8:39 AM
  4. Create new app same as admin dashboard template
    By mohit.saxena in forum Ext JS 6.x Q&A
    Replies: 1
    Last Post: 21 Nov 2015, 3:40 PM
  5. Ext JS 4 plug-in for Aptana Studio 3
    By harringtonce in forum Ext:User Extensions and Plugins
    Replies: 1
    Last Post: 28 Jun 2011, 7:35 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
  •