يکي از خصوصيات نرم افزار Dreamweaver که هميشه ي مورد علاقه ي من بود، توانايي اين نرم افزار براي نشان دادن مُدهاي Code و Design در يک پنجره خاص به نام Split بود، بطوريکه با اعمال هرگونه تغييري در Code برنامه قادر به مشاهده آن در حالت Design به صورت عاني بوديم. هميشه از خودم ميپرسيدم که چرا چنين قابليت خوبي نبايد در Flex Builder موجود باشد. البته اين حالت در نسخه ي 1 و در نسخه ي 1.5 (که ساختار آن بر پايه ي Dreamweaver بود) وجود داشت، اما با توجه به ساختار جديدي که در نسخه ي بعد يعني Flex Builder 2.0 ارائه شد، اين موضوع از قلم افتاد!
اما خوب، هيچ کاري غير ممکن نيست! شما هم ميتونيد با انجام مراحل زير در Flex Builder نسخه ي 2.0 و يا حتي 3.0 و به سادگي تمام، مُدهاي Source و Design پروژه ي خودتون رو با هم در يک پنجره داشته باشيد:
- يک پروژه ي جديد ايجاد کنيد و يا يکي از پروژه ي موجودتون رو باز کنيد.
- پروژه ي مورد نظر را در حالت Source mode قرار دهيد.
- بر روي tab بالاي صفحه ي پروژه که نام پروژه همراه با پسوند mxml. قرار دارد right click کرده و گزينه ي New Editor را انتخاب نمائيد (يک پنجره ي ديگر، دقيقا مانند پنجره ي موجود از پروژه ساخته ميشود)
- در صفحه ي دوم، بر روي tab بالاي صفحه کليک نموده و دکمه ي mouse رو رها نکنيد. بعد در همان حالت پنجره ي خود را به سمت پائين بکشيد، تا جايي که ميخواهيد پنجره ي مُد Design شما آنجا قرار بگيرد.

حال صفحه ي شما به دو قسمت مساوي تقسيم شده است، براي هر کدام از قسمت هايي که دوست داريد حالت Design و براي ديگري حالت Source رو انتخاب نمائيد. از اين به بعد شما هم ميتونيد به راحتي بر روي هر دو مُد پروژه ي خود در آن واحد مديريت داشته و با ايجاد هرگونه تغييري، اعمال اون رو در مُد ديگر نيز ببنيد.

براي مشاهده ي ويدئوي نحوه ي انجام اين کار و چگونگي اعمال آن، اينجا را کليک نمائيد.