http://www.turtlebite.com/docs/ 2012-05-21T02:13:40+02:00 http://www.turtlebite.com/docs/ http://www.turtlebite.com/docs/lib/tpl/default/images/favicon.ico text/html 2011-11-11T18:55:10+02:00 http://www.turtlebite.com/docs/flash-cms-case-studies?rev=1321034110&do=diff « back On this page I will try to give you an overview of the philosophy of the Turtlebite Flash CMS. * The Flash CMS is a back end solution: You build your website the way you like , then “plug in” the Flash CMS later on. * Everything is organized in so-called “slots”. * A single slot can contain any number of textfields and images. * You can have as many slots as you need . * You can copy/move/add new/delete slots. * You can define different layouts for the textfields/images ins… text/html 2011-11-11T18:55:10+02:00 http://www.turtlebite.com/docs/flash-cms-changelog?rev=1321034110&do=diff « back 4.72 * Notes if updating from version prior to v4.72: You need to add 4 new fields to “turtlebite_content”: * add_pos_x (int) * add_pos_y (int) * add_width (int) * add_height (int) * Recompile all your SWF's which use “net.kaegi.cms.LoadSlots” text/html 2011-11-11T18:55:09+02:00 http://www.turtlebite.com/docs/flash-cms-demosite-documentation?rev=1321034109&do=diff « back The demosite consists of 4 pages and a news area. I have choosen fantasy names so you are not distracted by names like “home” or “contact”, because it can be any page. All of the 4 main pages present a different aspect of the CMS, so lets start exploring! text/html 2011-11-11T18:55:09+02:00 http://www.turtlebite.com/docs/flash-cms-download?rev=1321034109&do=diff « back Download Flash CMS v4.72 Source files for the quick start tutorial "editing text" (visit this blog entry of the tutorial) Also see the Changelog for Infos about the latest release. Limitations of the evaluation version: You can create no more than 5 slots/upload 5 files. Get the licence here. You don't have to re-install anything. text/html 2011-11-11T18:55:09+02:00 http://www.turtlebite.com/docs/flash-cms-home?rev=1321034109&do=diff Home * Introduction * Installation * How to start * Case Studies * User Interface Overview * XML configuration * Visit demosite * Demosite documentation * Download * Changelog text/html 2011-11-11T18:55:09+02:00 http://www.turtlebite.com/docs/flash-cms-introduction?rev=1321034109&do=diff « back Turtlebite Flash CMS Framework is a back end solution written in AS2. It uses PHP, XML and MySQL. Your front end website has to be in AS3. How does it work? Basically there are these steps: * Build your website any way you like (AS3). * Upload and test your site on the server. * Now you want some parts to be editable. Upload the Flash CMS framework to a folder on your server, let's say “cms”. * Pick out the parts of your website you want to be editable (text and images). *… text/html 2011-11-11T18:55:08+02:00 http://www.turtlebite.com/docs/flash-cms-menu-xml-attributes?rev=1321034108&do=diff Home There are 5 different types of content to be defined in the xml file for the menu bar: * Logout * Page Content * Upload Files * External Link * Separator (used to simply separate items in the menu). Logout <menuitem label="File"> <menuitem label="Logout" id="logoff"/> </menuitem> text/html 2011-11-11T18:55:08+02:00 http://www.turtlebite.com/docs/flash-cms-slot-layout-xml-attributes?rev=1321034108&do=diff Home There are 3 different nodes defined in the xml file for the slot layouts: * Setup * Layout * Targets Setup <setup maxRows="15" slotSpace="2" tabChar="§" editRollOverColor="CCCCCC" editRollOutColor="990000" layoutMenuHorizontal="false"/> text/html 2011-11-11T18:55:08+02:00 http://www.turtlebite.com/docs/flash-cms-tutorials?rev=1321034108&do=diff « back First steps * Learn the philosophy of the Turtlebite Flash CMS Framework * Quick start step-by-step tutorial Tutorials * Use your own fonts and textstyles in the Flash CMS more tutorials to come... text/html 2011-11-11T18:55:08+02:00 http://www.turtlebite.com/docs/flash-cms-user-interface-overview?rev=1321034108&do=diff « back Let's define some names! CMS Menubar The CMS menubar is defined in an XML file. Detailed information about this can be found here. Content Version Manager Slot Navigator Slot Menu Slot Layouts Picture Selector Picture Link text/html 2011-11-11T18:55:08+02:00 http://www.turtlebite.com/docs/flash-cms-xml-cms-menubar?rev=1321034108&do=diff Home Work in progress.... :-| XML attributes text/html 2011-11-11T18:55:08+02:00 http://www.turtlebite.com/docs/flash-cms-xml-configuration?rev=1321034108&do=diff « back The Turtlebite Flash CMS uses 2 XML files. One to describe the menu bar and the other one to describe the slot layouts. CMS menu bar * XML for the CMS menu bar Slot layout * XML for the slot layout text/html 2011-11-11T18:55:10+02:00 http://www.turtlebite.com/docs/flash_cms_installation?rev=1321034110&do=diff « back Step 1: Download Download Turtlebite Flash CMS Step 2: Upload to your server Upload the folder “turtlebite_cms” to your server. Rename it if you like, for example “cms”. Step 3: Set file permissions In the folder you have just uploaded be sure that the file permissions of the following 2 folders are set to “755”: text/html 2011-11-11T18:55:07+02:00 http://www.turtlebite.com/docs/fleb-framework-central-event-system?rev=1321034107&do=diff « back The Fleb Framework uses a central event system you can also easily use for your own events. This event system is not written by me, you can find the original source here. net.kaegi.events.FlebEvent public static const STAGE_RESIZE:String = "FlebEvent.onStageResize"; public static const CHANGE_LANGUAGE:String = "FlebEvent.onChangeLanguage"; public static const SWFADDRESS:String = "FlebEvent.onSWFAddress"; public static const DEEPLINK:String = "FlebEvent.onDeeplink"; public static … text/html 2012-01-31T16:31:53+02:00 http://www.turtlebite.com/docs/fleb-framework-changelog?rev=1328023913&do=diff « back 2.05 * allowFullScreen:“true” added in index.php * Bugfix in nioflash.php: Menu structure was not displayed properly when a menu had just one sub button 2.04 * Missing browser titles fixed in structure.php 2.03 * Syntax errors in index.php and structure.php removed. * Meta tags fixed in structure.php text/html 2012-01-31T16:29:27+02:00 http://www.turtlebite.com/docs/fleb-framework-download?rev=1328023767&do=diff « back Fleb Framework: Download Download Fleb Framework v2.05 * This includes all AS3 class files, PHP, CSS, .htaccess and XML files. Also the Flebsite Demo with all FLA files. Also see the Changelog for Infos about the latest release The Fleb Framework is released under the General Public License. text/html 2011-11-11T18:55:07+02:00 http://www.turtlebite.com/docs/fleb-framework-getting-started?rev=1321034107&do=diff « back How to start using the Fleb Framework Step 1: Learn the philosophy * This is a good starting point: Dinner is served! It will show you the idea of the Fleb Framework as a whole. * This blog post shows the new features of version 2. You will find everything in the flebsite demo files, which are part of the Fleb Framework download. text/html 2011-11-11T18:55:07+02:00 http://www.turtlebite.com/docs/fleb-framework-global-variables?rev=1321034107&do=diff « back In the Fleb Framework, a very simple but efficient singleton class for handling global variables is used: VarCentral. You can easily use it for your own purpose, add any value (string, object, array... whatever) and access it from anywhere in your project. text/html 2012-01-12T08:49:51+02:00 http://www.turtlebite.com/docs/fleb-framework-home?rev=1326354591&do=diff Home * Start here! * Introduction to the open source full flash website framework * Overview * Visit demosite * XML Structure * Global Variables * Central Event System * Download * Changelog text/html 2012-01-11T05:57:16+02:00 http://www.turtlebite.com/docs/fleb-framework-introduction?rev=1326257836&do=diff « back Fleb Framework: Introduction What is the Fleb Framework? It's an open source front-end framework for AS3 to help you build pure flash websites with full SEO support. It is based on the Global Navigation for Flash and the SWFAddress SEO Solution. You define the whole structure of the website (navigation, title, description, keywords, assets etc.) in an XML file which is parsed by your SWF files for your flash site and PHP files for the no-javascript SEO version of your site. Be sure t… text/html 2011-11-11T18:55:06+02:00 http://www.turtlebite.com/docs/fleb-framework-overview?rev=1321034106&do=diff « back Fleb Framework: Overview 1 - index.php The index.php embeds base.swf. It uses SWFObject to detect the flash plugin and SWFAddress for URL rewriting (by using mod_rewrite in .htaccess). Every request is rerouted to index.php. 2 - base.swf This is the base of your website. Its whole purpose is to initialise the Fleb Framework and to load the main website (main.swf, see 3). It contains only the neccessary setup and a preloader. This SWF should be kept as small as possible in order to … text/html 2011-11-11T18:55:06+02:00 http://www.turtlebite.com/docs/fleb-framework-structure-xml?rev=1321034106&do=diff « back Info about multi language usage: Note the character ”{” in the nodes, for example in description, language, btnLabel etc. This character is used to split the strings into arrays. Throughout the website, the language is referred to as a position number in these arrays. Therefor, the first language you set will be number 0, the second is number 1 and so on. You can have 5 different languages in structure.xml. This should be enough for most cases, if not, you can increase the number in Navi… text/html 2011-11-11T18:55:04+02:00 http://www.turtlebite.com/docs/global-navigation-home?rev=1321034104&do=diff Home * Overview * Getting Started * FAQ & Support * Demo & Examples * XML Structure * API: Public Methods * API: Events * Download * Changelog text/html 2011-11-11T18:55:04+02:00 http://www.turtlebite.com/docs/global-navigation-legacy?rev=1321034104&do=diff Home Global Navigation v1.57a Legacy * Overview - Global Navigation for ActionScript 3 * Getting Started * Demo & Examples * XML Structure * API: Public Methods * API: Events * Changelog * Download text/html 2011-11-11T18:55:04+02:00 http://www.turtlebite.com/docs/global-navigation?rev=1321034104&do=diff Version 2 * Important note: If you are using an older version then 2.00 please stick to it for your current project and visit Global Navigation 1.57 legacy code. If you start with a new one, switch to the new version: * Overview - Global Navigation for ActionScript 3 * Getting Started * FAQ & Support * Demo & Examples * XML Structure * API: Public Methods * API: Events * Changelog * Download text/html 2011-12-12T21:11:21+02:00 http://www.turtlebite.com/docs/global-navigation2-events?rev=1323720681&do=diff « back NavigationEvent.as public static const MC_INITIALISED:String = "NavigationEvent.onMcInitialised" public static const LOADING_COMPLETE:String = "NavigationEvent.onLoadingComplete" public static const LOADING_PROGRESS:String = "NavigationEvent.onLoadingProgress" public static const MC_ACTIVATED:String = "NavigationEvent.onMcActivated" public static const MC_MOUSE_OVER:String = "NavigationEvent.onMcMouseOver" public static const MC_MOUSE_OUT:String = "NavigationEvent.onMcMouseOut" public … text/html 2011-12-21T20:19:24+02:00 http://www.turtlebite.com/docs/global-navigation2-examples?rev=1324495164&do=diff « back Real examples * LOVERS LANE Accessories & More... * Turbo Homepage * Turtlebite Flash & Actionscript Stuff * Symotech AG * Wegmann.ch AG * Rolf Knie * Michel AG * WITKA * Hunziker Betatech AG * Impact Unlimited * Data Logistix AG * Data Logistix AG (Consideo) * eXtenso IT Services * EDIGEM - Fine Jewels, Gems & Pearls text/html 2011-11-11T18:55:04+02:00 http://www.turtlebite.com/docs/global-navigation2-getting-started?rev=1321034104&do=diff « back These are the basic steps to give you an idea. The best and most efficient way is if you choose an example and examine the files to get you started. Step 1: Download Download the latest version of Global Navigation Step 2: Create button Open the mainBtn.fla. It has infos and explanations on the timeline and in the movieclips. In this file you define the design of your button: the backgrounds and text labels of the different states (rollover,rollout, press, release etc.) text/html 2011-11-11T18:55:04+02:00 http://www.turtlebite.com/docs/global-navigation2-public-methods?rev=1321034104&do=diff « back create create():void * This is needed since version 2.15 to start the process of the navigation creation. Because before, in some rare situations, the navigation listeners were not added properly when the navigation was starting. So it should look something like this: text/html 2011-12-21T20:25:39+02:00 http://www.turtlebite.com/docs/global-navigation2-xml?rev=1324495539&do=diff « back Required id * A unique ID for your button. This could be “home”, “about_us” etc. btnSWF * The SWF file of your button. You can have a different SWF for each button if you like... Optional btnLabel * Default = btnID. Content of the button label text. text/html 2011-11-11T18:55:06+02:00 http://www.turtlebite.com/docs/global_navigation_changelog?rev=1321034106&do=diff « back 2.16 * Some updates to make reparenting possible. * Change text label at runtime 2.15 * IMPORTANT: It is now needed to call navigationManager.create() explicitly! This is because in some situations the listeners were not ready yet when the navigation started. So now you decide when to create the navigation after everything is set up. * Bugfix: width was not properly calculated if the width of navigBtnBg in mainBtn.swf was wider than 100px * NavigationManager2: width changed … text/html 2011-11-11T18:55:06+02:00 http://www.turtlebite.com/docs/global_navigation_download?rev=1321034106&do=diff « back Global Navigation v2.16 Download Global Navigation v2.16 Classes * This includes all class files. * Also see the Changelog for Infos about the latest release Download Global Navigation v2 Demo Files * This includes 18 FLA and XML files. (You will also need to download the class files above) text/html 2011-11-11T18:55:06+02:00 http://www.turtlebite.com/docs/global_navigation_events?rev=1321034106&do=diff Home Note: Since version 1.56 the EventCentral class is no longer used. Instead, the NavigationManager itself handles the events. So, everywhere where it was “EventCentral.getInstance().addEventListener(......” you can use the NavigationManager instance, for example: “navigationManager.addEventListener(....”. That is the only difference. This should only concern you if you want to set up more than one global navigation. text/html 2011-11-11T18:55:05+02:00 http://www.turtlebite.com/docs/global_navigation_examples?rev=1321034105&do=diff Home Integrated in a Gaia website If you don't know what Gaia is: “Gaia is an open-source front-end Flash Framework for AS3 and AS2 designed to dramatically reduce development time.” (Author of Gaia) See demo Real examples * Michel AG * Salto Natale * MarViva * WITKA * Hunziker Betatech AG * Impact Unlimited * Data Logistix AG * eXtenso IT Services * EDIGEM - Fine Jewels, Gems & Pearls text/html 2011-11-11T18:55:05+02:00 http://www.turtlebite.com/docs/global_navigation_getting_started?rev=1321034105&do=diff Home These are the basic steps to give you an idea. The best and most efficient way is if you choose an example and examine the files to get you started. Step 1: Download Download the latest version of Global Navigation Step 2: Create button Open the mainBtn.fla. It has infos and explanations on the timeline and in the movieclips. In this file you define the design of your button: the backgrounds and text labels of the different states (rollover,rollout, press, release etc.) text/html 2011-11-11T18:55:05+02:00 http://www.turtlebite.com/docs/global_navigation_overview?rev=1321034105&do=diff « back [Global Navigation Overview] Concept This global navigation is written in ActionScript 3 having the designer in mind. I wanted to have a solution where I can put 95% of my time into the creative part like ”what colours look nice?, what fonts should I use?, how will I animate it?” and only 5% in the technical part like ”how do I programm the spacing of the buttons? how do I handle the button states and submenues?”. I guess you know what I mean... :-D text/html 2011-11-11T18:55:05+02:00 http://www.turtlebite.com/docs/global_navigation_public_methods?rev=1321034105&do=diff Home setFade setFade(fade:Boolean):void * Default is “false”. * If “false”, the children of a button are visible immediatly at rollOver (if setFadeInOnMouseOver is “true”) or release (when the button is clicked). No onMouseOver event is dispatched. * If “true”, the onMouseOver event is dispatched, where you have to handle the fading in of the children buttons by yourself. text/html 2011-11-11T18:55:05+02:00 http://www.turtlebite.com/docs/global_navigation_support?rev=1321034105&do=diff « back If you have a question please leave a comment in this post. Also have a look at this post in the Gaia forum. text/html 2011-11-11T18:55:05+02:00 http://www.turtlebite.com/docs/global_navigation_xml?rev=1321034105&do=diff Home Required btnID btnSWF Optional btnLabel * Default = btnID. Content of the button label text. btnSize * Default is “0”, which is the same as “autosize”. * See example Nr. 5, btnSize="150" btnLabelAlign * Default is “CENTER”. The horizontal alignment of the button label text. The vertical alignment is handled in the btn.swf itself. * See example Nr. 6 text/html 2011-11-11T18:55:03+02:00 http://www.turtlebite.com/docs/online-xml-editor-changelog?rev=1321034103&do=diff « back 1.03 * Display an error message if a not well formed file is being loaded 1.02 * Public release text/html 2011-11-11T18:55:03+02:00 http://www.turtlebite.com/docs/online-xml-editor-config-structure?rev=1321034103&do=diff « back Overview What is a configuration xml file? Let's assume you have created an image gallery which uses an xml file as data source. The structure could look something like this: <images> <image name="hello world" url="hello_world.jpg" description="this is just a test description"/> <image name="my second image" url="second_image.jpg" description="this is my second picture"/> <image name="and another pic" url="another_pic.jpg" description="another picture I took some time ago..."/>… text/html 2011-11-11T19:06:55+02:00 http://www.turtlebite.com/docs/online-xml-editor-home?rev=1321034815&do=diff Home All info has moved to an extra website: www.online-xml-editor.com See you there! text/html 2011-11-11T18:55:03+02:00 http://www.turtlebite.com/docs/online-xml-editor-introduction?rev=1321034103&do=diff « back In the basic version, the Online XML Editor is a visual editor for XML files. You don't have to worry about proper syntax, can drag and drop nodes and attributes. By using special configuration files you can adapt it to your special needs, for example simplify the process of creating site xml files for the Gaia Framework, or the Global Navigation. text/html 2011-11-11T18:55:03+02:00 http://www.turtlebite.com/docs/print-download?rev=1321034103&do=diff « back Multipage Print v1.13 * This includes all source files (SWF, FLA and classes) text/html 2011-11-11T18:55:03+02:00 http://www.turtlebite.com/docs/print-events?rev=1321034103&do=diff « back PrintEvent.as public static const START:String = "PrintEvent.onStart"; public static const COMPLETE:String = "PrintEvent.onComplete"; public static const CANCEL:String = "PrintEvent.onCancel"; Usage START Print.getInstance().addEventListener(PrintEvent.START, printStartHandler); function printStartHandler(event:PrintEvent) { // use this to prepare your content for printout (for example, set white text to black etc.) } text/html 2011-11-11T18:55:02+02:00 http://www.turtlebite.com/docs/print-home?rev=1321034102&do=diff Home * Introduction * Check it out! * API: Public Methods * API: Events * Download text/html 2011-11-11T18:55:02+02:00 http://www.turtlebite.com/docs/print-introduction?rev=1321034102&do=diff « back This class takes a movieclip or sprite as a content, adjusts the width to the selected paper format (landscape or portrait) and prints out the content. If the height is larger than the paper height it will a) resize the whole content to fit to the paper size if multipage is set to false, or b) automatically print out to as many pages as needed. By doing so, the ratio of width and height is always preserved. text/html 2011-11-11T18:55:02+02:00 http://www.turtlebite.com/docs/print-public-methods?rev=1321034102&do=diff « back setContent setContent(content:*, w:uint = 0, h:uint = 0) * Required. Content to print. If “w” and “h” are not set, the width and height of the content will be used to calculate the printable area. Use “w” and “h” if, for example, the content to be printed contains some stuff off stage (a mask, starting position of an animated mc or whatever), which will lead to an uncorrect size. Also keep in mind that the content will be temporarily resized to 100% (scaleX=scaleY=1) before it will b… text/html 2011-11-11T18:55:02+02:00 http://www.turtlebite.com/docs/print-try-it-out?rev=1321034102&do=diff « back Play around with this SWF and try out different settings to see the results! text/html 2011-11-11T18:55:02+02:00 http://www.turtlebite.com/docs/start?rev=1321034102&do=diff Welcome to Turtlebite's Documentation * Flash CMS Framework * Fleb Framework (Full Flash Website Framework) * Global Navigation for Flash * Online XML Editor * Multipage Printing Website: www.turtlebite.com Blog: blog.turtlebite.com