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.

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.

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):

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.