1. #1
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,652
    Vote Rating
    901
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      3  

    Default try.sencha.com Forum Integration

    try.sencha.com Forum Integration


    Please note, to show example BBCode examples here, I had to add a space to the trailing BBCode tag. When you use this, you MUST remove the extra space in the ending BBCode tag.

    Not sure if you heard but we launched an examples site for Ext JS 4 and Sencha Touch 2 with over 1,000 examples, this site is called http://try.sencha.com. This site is bound to help out thousands of new and experienced users to learn new things and even help others.

    I'm not going to talk much about http://try.sencha.com, what I am going to talk about is the integration work we have done so far with the forums. We wanted some way to use these examples on the forums for people to point to when providing help. For this we created a new BBCode! Most of you are familiar with the [CODE] and [QUOTE] BBCode tags but now you will get to know the [TRY] BBCode.

    You can learn more about BBCode here: http://en.wikipedia.org/wiki/BBCode

    Using BBCode, it will automatically parse this tag and present a link and when clicked on will popup the example without navigating to another page. In this popup example you will have a few options, you can size between 1/2, 3/4 or full size. For the Sencha Touch examples where you can use phone and tablet device images, you can also change orientation. Also is a link to open the example in a new window.

    [SNIPPED]

    Do note I had to add a space in the end TRY BBCode so that it didn't parse it so there shouldn't be a space there.

    [SNIPPED]

    Once again, the example [TRY] codes you see the ending tag has an extra space in it so it doesn't get parsed so I can display you the examples. When you use it, you MUST remove the space at the end!

    Also note that this is still experimental. It works for all my tests on Chrome, Firefox, Safari and IE both on Mac OS X Lion and Windows 7. If you find a bug, please reply to this thread with the browser, browser version and operating system so I can debug and fix the bug.
    Last edited by mitchellsimoens; 18 Jul 2012 at 10:01 AM. Reason: SNIPPED
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,652
    Vote Rating
    901
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Today I have made it easier to use the TRY BBCode. Instead of have many options and trying to parse a url (that isn't the same for all demos) all you need is two configs, the url and the device type. So now an example of the TRY BBCode is (remove space in the end tag):

    [TRY=tablet]http://try.sencha.com/touch/2.0.1/community/feedburner-rss-reader/[/TRY ]

    So you can see you put the url of the example between the tags and the device type in the beginning tag. In this example the url is http://try.sencha.com/touch/2.0.1/co...er-rss-reader/ and device type is tablet.

    For device you have 3 options: phone, tablet, desktop.

    The url you can find when you get to an example, just copy the url in the address bar and that's what you will use. It will automatically find the example without all the text and everything, just purely the example.

    There is no need to specify the version or framework anymore, this will parse the URL to get that information.

    Here are the examples from the first post now in the new format:

    Ext JS examples:

    [TRY=desktop]http://try.sencha.com/extjs/4.0.7/demos/Ext.Button.arrowAlign.1/[/TRY ]
    Click here to try the example

    [TRY=desktop]http://try.sencha.com/extjs/4.0.7/demos/Ext.Panel.dockedItems.1/[/TRY ]
    Click here to try the example

    [TRY=desktop]http://try.sencha.com/extjs/4.1.1/demos/Ext.Button.disabled.1/[/TRY ]
    Click here to try the example

    [TRY=desktop]http://try.sencha.com/extjs/4.1.1/demos/Ext.Button.allowDepress.1/[/TRY ]
    Click here to try the example

    Sencha Touch examples:

    [TRY=phone]http://try.sencha.com/touch/2.0.0/demos/Ext.Button.badgeText/[/TRY ]
    Click here to try the example

    [TRY=tablet]http://try.sencha.com/touch/2.0.0/demos/Ext.data.Store.filters/[/TRY ]
    Click here to try the example

    [TRY=phone]http://try.sencha.com/touch/2.0.1/demos/Ext.Button.iconAlign/[/TRY ]
    Click here to try the example

    [TRY=tablet]http://try.sencha.com/touch/2.0.1/demos/Ext.data.Store.groupDir/[/TRY ]
    Click here to try the example

    Once again, the ending tag when shown, don't forget to remove the extra space.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.