{"id":12243,"date":"2011-11-24T06:40:37","date_gmt":"2011-11-24T11:40:37","guid":{"rendered":"http:\/\/info.template-help.com\/?p=12243"},"modified":"2016-03-30T05:02:25","modified_gmt":"2016-03-30T09:02:25","slug":"xml-flash-how-to-add-scrolling-area","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/xml-flash-how-to-add-scrolling-area.html","title":{"rendered":"XML Flash. How to add scrolling area"},"content":{"rendered":"<p>This tutorial shows how to add a scroll to  an XML Flash template, by duplicating the scroll function from another inner  page of the template and how to add a text area.<\/p><!--more-->\r\n\r\n<p><em>If there is no scroll function on one of the  pages and you need to add more text, we can use a scroll function from another  page. This tutorial will teach you how to add a scroll to the page by  duplicating the existing scroll function and how to add a text area in order to  add more text on the page.<\/em><\/p>\r\n\r\n<p>1. Open the .FLA file from<strong> \/sources\/flash<\/strong> folder in Adobe Flash program and locate Pages movie clip. Often  called as &lsquo;<strong>pages_all<\/strong>&rsquo;, &lsquo;<strong>pages<\/strong>&rsquo; , &lsquo;<strong>all content<\/strong>&rsquo; or &lsquo;<strong>content<\/strong>&rsquo;.<\/p>\r\n\r\n<p>2. On the timeline you will see few  layers and keyframes. Each key frame is one of the pages. Navigate to the page  on which you already have the scroll function. <\/p>\r\n\r\n<p>3. Click in the Scene to select the  movie clip. It should be a scroll movie clip. You can look at the &lsquo;<strong>Properties  Panel<\/strong>&rsquo; . You should see: Instance of: scroll _ pages_xxxxxx<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_1.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_1-300x174.jpg\" alt=\"\" title=\"xml_scroll_1\" width=\"300\" height=\"174\" class=\"aligncenter size-medium wp-image-12245\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_1-300x174.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_1-1024x596.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_1.jpg 1257w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>4. Press CTRL+C to copy that movie  clip.<\/p>\r\n<p>Navigate to the page, on which you want to place the &lsquo;<strong>scroll<\/strong>&rsquo;.<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_2.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_2-300x162.jpg\" alt=\"\" title=\"xml_scroll_2\" width=\"300\" height=\"162\" class=\"aligncenter size-medium wp-image-12246\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_2-300x162.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_2-1024x556.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_2.jpg 1256w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>5. There will be an existing text boxes  for the present text on that particular page. Select all the objects and move  them on the side, as we will need to use it later. <br>\r\n  Press CTRL+V to paste the &lsquo;scroll&rsquo; movie clip which we have copied.<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_3.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_3-300x175.jpg\" alt=\"\" title=\"xml_scroll_3\" width=\"300\" height=\"175\" class=\"aligncenter size-medium wp-image-12247\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_3-300x175.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_3-1024x597.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_3.jpg 1257w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>6. We should now duplicate this movie  clip. And all movie clips which are placed on top of the actual text boxes.<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_4.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_4-300x126.jpg\" alt=\"\" title=\"xml_scroll_4\" width=\"300\" height=\"126\" class=\"aligncenter size-medium wp-image-12248\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_4-300x126.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_4-1024x432.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_4.jpg 1259w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_5.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_5-300x130.jpg\" alt=\"\" title=\"xml_scroll_5\" width=\"300\" height=\"130\" class=\"aligncenter size-medium wp-image-12249\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_5-300x130.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_5-1024x445.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_5.jpg 1251w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>7. After that is done, we can modify  the content of this duplicated &lsquo;scroll&rsquo; movie clip. Go back to the &lsquo;existing  text boxes&rsquo; which we have moved to the side (p5 above), select it all and copy  (CTRL+C). Now, we should remove the original text boxes from the duplicates  &lsquo;scroll&rsquo; movie clip, which we have just placed on our page. Double click on the  &lsquo;scroll&rsquo; movie clip until you reach the actual text\/text boxes. Select it all  and remove. Press Delete key on your keyboard. Then press CTRL+V to paste the  copied &lsquo;existing text boxes&rsquo;.<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_6.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_6-300x158.jpg\" alt=\"\" title=\"xml_scroll_6\" width=\"300\" height=\"158\" class=\"aligncenter size-medium wp-image-12250\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_6-300x158.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_6-1024x540.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_6.jpg 1254w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_7.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_7-300x166.jpg\" alt=\"\" title=\"xml_scroll_7\" width=\"300\" height=\"166\" class=\"aligncenter size-medium wp-image-12251\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_7-300x166.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_7-1024x567.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_7.jpg 1256w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>8. We are almost done. Go back to the  &lsquo;all content&rsquo; movie clip. Open the Action Script panel for the page on which we  are adding the scroll. (Layer 3 , Frame2) and remove the unneeded script for  the text (as this text now placed into the &lsquo;scroll&rsquo; movie clip).<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_8.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_8-300x226.jpg\" alt=\"\" title=\"xml_scroll_8\" width=\"300\" height=\"226\" class=\"aligncenter size-medium wp-image-12252\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_8-300x226.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_8.jpg 951w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>This is it, you can publish the file (CTRL+ENTER) and  check your newly added scroll on the page.<\/p>\r\n<p><strong>Now, lets add another text box\/text  area. <\/strong><\/p>\r\n<p>9. Simply select the existing text  box(s) and copy them (CTRL+C) then paste (CTRL+V) and move it under the  original ones.  Change the text number  (thisPageText12) in the properties panel for each added text area. <\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_9.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_9-300x173.jpg\" alt=\"\" title=\"xml_scroll_9\" width=\"300\" height=\"173\" class=\"aligncenter size-medium wp-image-12253\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_9-300x173.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_9-1024x592.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_9.jpg 1261w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>10. Open the Action Script panel  (<strong>Layer4, Frame2<\/strong>) and add the script for the additional text area:  MovieClip(root).program.text.Content(thisPageText12,12);<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_10.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_10-300x228.jpg\" alt=\"\" title=\"xml_scroll_10\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-12254\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_10-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_10.jpg 955w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>11. Lastly, we should add a text into <strong>&lsquo;mail.xml&rsquo; <\/strong>file. Simply duplicate the  existing text and type a new text over it: &lt;pageText&gt;&lt;![CDATA[ <em>YOUR TEXT HERE<\/em>]]&gt;&lt;\/pageText&gt; <\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_11.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/xml_scroll_11-300x123.jpg\" alt=\"\" title=\"xml_scroll_11\" width=\"300\" height=\"123\" class=\"aligncenter size-medium wp-image-12244\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_11-300x123.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_11-1024x420.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/xml_scroll_11.jpg 1097w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>&nbsp;<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"\/files\/flash\/34426_adding_scroll(duplicate)_adding_text_area.htm\" target=\"blank\">XML Flash. How to add scrolling area<\/a>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!--more-->\r\n\r\n<!--more-->","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to add a scroll to an XML Flash template, by duplicating the scroll function from another inner page of the template and how to add a text area.<\/p>\n","protected":false},"author":12,"featured_media":12256,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[287,760],"tags":[528,1094],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12243"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=12243"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12243\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/12256"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=12243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=12243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=12243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}