Creating a new Webdesign project - tooltwist/documentation GitHub Wiki

Obsolete - see Web Project workflow - Creation through to Deployment

  1. In the Tooltwist Workbench menubar, Select File -> New -> Folder and choose webdesign project. Specify the name of the folder and click Finish.

step1


  1. Under your project folder you need to add the following directories.
    • navpoints
    • widgets

Figure below used the name "trackMotion" as the project name.

step2


  1. Under the widgets folder, add the following directories.
    NOTE: the following names are mandatory. (* as your project name)

*_cutouts
*_images
*_pages
*_zones

step3


  1. To load the directories in the designer, you need to provide a temp folder for the following:

*_cutouts
*_images
*_pages
*_zones

add new a folder and enter the name as temp/0.1

step4


  1. Right click the widgets folder and add a new file. Enter the name of the file as project.xml, with the following content.

    tooltwist ttStd ttWbd trackMotion_t

step5

NOTE: * substitute the "trackMotion_t" to your tooltwist project name.


  1. Right click again the widgets folder and add a new file. Enter the name of the file as properties.xml, with the following content.

    test test
        <gitPromoteDirectory>/tooltwist/tooltwist_osx_8.0-beta/gitPromote/trackMotion</gitPromoteDirectory>  
        <gitPromote>  
           <label>Promote from test to Staging</label>  
           <sourceBranch>development</sourceBranch>  
           <destinationBranch>staging</destinationBranch>  
           <backgroundColor>yellow</backgroundColor> 
      </gitPromote>  
       <gitPromote>  
            <label>Promote from staging to Production</label>  
            <sourceBranch>staging</sourceBranch>  
            <destinationBranch>production</destinationBranch>  
            <backgroundColor>red</backgroundColor>  
       </gitPromote>  
    

step6

NOTE: * If you don't have a gitPromote folder, you need to create a new one an under this directory:

/tooltwist/tooltwist_osx_8.0-beta/

then create a new folder and specify the name of the project. This is used for specifying the value in <gitPromoteDirectory></gitPromoteDirectory>


  1. Defining navpoints.

Right click the navpoints folder and add a new file. Enter the name of your project. example "trackMotion.xml". With the following initial content.

<navpoint>  
  <id>trackMotion</id>  
  <newId>0</newId>  
  <type>group</type>  
  <label>trackMotion</label>  
  <url></url>  
  <useSSL>N</useSSL>  
  <notes>Various navpoints for trackMotion</notes>  
  <onlyContainsAliases>N</onlyContainsAliases>  
</navpoint>

step7


  1. This will be the hierarchy of the webdesign project.

step8

⚠️ **GitHub.com Fallback** ⚠️