One of the great things about attending conferences is that you often overhear little tid-bits of info that you may never come across in the mainstream (or even stumble across on Google).
I picked up this little gem whilst sitting in on Thomas Burleson’s (Creative Minds) session at Web on the Piste in Queenstown, New Zealand.
So, one of the features of Dreamweaver i’ve always thought was pretty cool was the ability to have a split Design/Developer view which allows you to see any changes you make to your code, updated in the design view (in real-time). I often wondered why this feature was never included in Flex Builder. To be fair, it was originally in version 1.0 and 1.5 (which were basd on Dreamweaver), but dropped in version 2.0 (with the new Eclipse build).
Here’s how you can replicate the combined Design/Develop workspace view in Flex Builder 2.0 and 3.0.
- Open a new project (in Source mode)
- Right-click on the page tab (at the top of the page) and select ‘New Editor’
- This should then create a copy of the current tab/page
- Select the tab and drag it down your workspace (to where ever you want to position your new custom view)
- Set the view mode of the new tab to Design and viola!
You now have a split Design/Source mode workspace that allows you to update code and see the changes reflected (in real-time) in Design mode (and vice-versa).