{"action":"created","comment":{"url":"https://api.github.com/repos/SAP/builder-cli/pulls/comments/124826882","pull_request_review_id":47152005,"id":124826882,"diff_hunk":"@@ -1,45 +1,65 @@\n ---\n-title: 'Design a Builder UI with Skeleton Creator'\n+title: 'Advanced Features for developers'\n service: 'Builder SDK'\n area: 'Core'\n type: Tutorial\n order: 3\n ---\n \n-The Builder CLI features the Skeleton Creator tool, with which you can easily create views just by dragging and dropping UI components. <br><br>\n-\n-<h3>Run the Skeleton Creator</h3>\n+<h3>Design a Builder UI with Skeleton Creator</h3>\n \n+The Builder CLI features the Skeleton Creator tool, with which you can easily create views just by dragging and dropping UI components. Here are the steps to get started.<br>\n \n 1. Open a terminal window.\n \n- <img src=\"img/builder_cli_menu_runSkeletor.png\"><br><br>\n+<img style=\"width: 30%;\" max-width: 326px src=\"img/builder_cli_menu_runSkeletor.png\" class=\"img-click-modal\" alt=\"Skeleton Creator\"><br><br>\n \n 2. Run the command `builder runSkeletonCreator` to start the Skeleton Creator. The HTTP server starts locally.\n 3. Enter the URL <b>http://localhost:8082</b> in a browser.  The Skeleton Creator design interface will appear.\n 4. To design a view, drag and drop the components from the left of the screen onto the main screen. Organize the components as they should appear in the Builder UI.\n \n-  <img src=\"img/skeletor_ui_drag.png\" style=\"width:600px\" class=\"img-click-modal\" alt=\"The Skeleton Creator UI\"/><br><br>\n-  5. After you create the view, click the preview button to the right of the delete button.  The browser immediately stores your view in the local cache. That means you will not loose the view until you delete it by explicitly clicking on the delete button.\n+<img style=\"width: 30%;\" max-width: 326px src=\"img/skeletor_ui_drag.png\" class=\"img-click-modal\" alt=\"The Skeleton Creator UI\"/><br><br>\n+\n+5. After you create the view, click the preview button to the right of the delete button.  The browser immediately stores your view in the local cache. That means you will not loose the view until you delete it by explicitly clicking on the delete button.\n \n-  <img src=\"img/skeletor_ui_menu.png\" width=\"35%\" class=\"img-click-modal\" alt=\"The Skeleton Creator UI\"/><br>\n+<img style=\"width: 30%;\" max-width: 326px src=\"img/skeletor_ui_menu.png\" class=\"img-click-modal\" alt=\"The Skeleton Creator UI\"/><br>\n \n 6. Export the code that the Skeleton Creator generates by clicking on the show button to the right of the preview button.\n \n Here is an example of a UI with its corresponding code preview:<br>\n \n-  <img src=\"img/skeletor_ui_completed.png\" class=\"img-click-modal\" alt=\"The Skeleton Creator UI\"/><br><br>\n-  <img src=\"img/skeletor_code_sample.png\" class=\"img-click-modal\" alt=\"Code Preview\"/><br><br>\n+<img style=\"width: 30%;\" max-width: 326px src=\"img/skeletor_ui_completed.png\" class=\"img-click-modal\" alt=\"The Skeleton Creator UI\"/><br><br>\n+<img style=\"width: 30%;\" max-width: 326px src=\"img/skeletor_code_sample.png\" class=\"img-click-modal\" alt=\"Code Preview\"/><br><br>\n \n-  If you are using Chrome or Firefox, a download button is available in preview mode allowing you to download the code to a file.\n+If you are using Chrome or Firefox, a download button is available in preview mode allowing you to download the code to a file.\n \n-  <img src=\"img/skeletor_menu_download_button.png\"  width=\"35%\" class=\"img-click-modal\" alt=\"The Skeleton Creator download button\"/><br><br>\n-  Internext Explorer and Safari do not support the download button. Instead, you can copy the HTML code directly from the broswer. <br><br>\n+<img style=\"width: 30%;\" max-width: 326px src=\"img/skeletor_menu_download_button.png\"  width=\"35%\" class=\"img-click-modal\" alt=\"The Skeleton Creator download button\"/><br><br>\n+Internext Explorer and Safari do not support the download button. Instead, you can copy the HTML code directly from the broswer. <br><br>\n \n \n-<h3>Component settings</h3>\n+**Component settings**\n \n You can adjust the settings for each component in the Skeleton Creator. This allows you to assign custom text and and labeling to the component. For example, the <strong>Page Header</strong> component features a <strong>Back</strong> button, a long page title, as well as a <strong>Save</strong> and <strong>Cancel</strong> button by default. You can set the default text of the title and rename each of the buttons.\n \n <br>\n-  <img src=\"img/component_settings.png\" class=\"img-click-modal\" alt=\"Code Preview\"/>\n+  <img style=\"width: 30%;\" max-width: 326px src=\"img/component_settings.png\" class=\"img-click-modal\" alt=\"Code Preview\"/><br><br>\n+  \n+\n+<h3>Dev Mode to preview your module</h3>\n+\n+Now that you have created your builder module, you can enable Developer Mode. After enabling this mode, link the Builder to your local module that you created in the last section. This connection makes it possible to begin previewing the HMTL and adding navigation nodes to your module directly in the Builder. You cannot yet call APIs.<br>\n+\n+**Enabling Developer Mode**\n+\n+To enable Developer Mode take the following steps:\n+\n+1. Navigate to the project home page and click on Development. \n+2. Switch Developer Mode on. A dark gray action bar appears at the bottom of the screen from which you can access <b>Settings</b> or exit Developer Mode.\n+3. Click on <b>Settings</b> on the action bar.","path":"docu/files/SkeletonCreatorBuilderCLI.html.md","position":null,"original_position":73,"commit_id":"92821a8105b1db07a47a2e87ace97fe5f9718714","original_commit_id":"c0065c21e110a8873a134ac6a43e11022c0e7d5c","user":{"login":"MindyJamiel","id":18294026,"avatar_url":"https://avatars2.githubusercontent.com/u/18294026?v=3","gravatar_id":"","url":"https://api.github.com/users/MindyJamiel","html_url":"https://github.com/MindyJamiel","followers_url":"https://api.github.com/users/MindyJamiel/followers","following_url":"https://api.github.com/users/MindyJamiel/following{/other_user}","gists_url":"https://api.github.com/users/MindyJamiel/gists{/gist_id}","starred_url":"https://api.github.com/users/MindyJamiel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MindyJamiel/subscriptions","organizations_url":"https://api.github.com/users/MindyJamiel/orgs","repos_url":"https://api.github.com/users/MindyJamiel/repos","events_url":"https://api.github.com/users/MindyJamiel/events{/privacy}","received_events_url":"https://api.github.com/users/MindyJamiel/received_events","type":"User","site_admin":false},"body":"3. Click <b>Settings</b> on the action bar.","created_at":"2017-06-29T15:05:09Z","updated_at":"2017-06-29T15:11:29Z","html_url":"https://github.com/SAP/builder-cli/pull/48#discussion_r124826882","pull_request_url":"https://api.github.com/repos/SAP/builder-cli/pulls/48","_links":{"self":{"href":"https://api.github.com/repos/SAP/builder-cli/pulls/comments/124826882"},"html":{"href":"https://github.com/SAP/builder-cli/pull/48#discussion_r124826882"},"pull_request":{"href":"https://api.github.com/repos/SAP/builder-cli/pulls/48"}}},"pull_request":{"url":"https://api.github.com/repos/SAP/builder-cli/pulls/48","id":127947919,"html_url":"https://github.com/SAP/builder-cli/pull/48","diff_url":"https://github.com/SAP/builder-cli/pull/48.diff","patch_url":"https://github.com/SAP/builder-cli/pull/48.patch","issue_url":"https://api.github.com/repos/SAP/builder-cli/issues/48","number":48,"state":"open","locked":false,"title":"Feature/tsk 5087","user":{"login":"dpolitehybris","id":22739716,"avatar_url":"https://avatars1.githubusercontent.com/u/22739716?v=3","gravatar_id":"","url":"https://api.github.com/users/dpolitehybris","html_url":"https://github.com/dpolitehybris","followers_url":"https://api.github.com/users/dpolitehybris/followers","following_url":"https://api.github.com/users/dpolitehybris/following{/other_user}","gists_url":"https://api.github.com/users/dpolitehybris/gists{/gist_id}","starred_url":"https://api.github.com/users/dpolitehybris/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dpolitehybris/subscriptions","organizations_url":"https://api.github.com/users/dpolitehybris/orgs","repos_url":"https://api.github.com/users/dpolitehybris/repos","events_url":"https://api.github.com/users/dpolitehybris/events{/privacy}","received_events_url":"https://api.github.com/users/dpolitehybris/received_events","type":"User","site_admin":false},"body":"","created_at":"2017-06-28T15:12:58Z","updated_at":"2017-06-29T15:11:29Z","closed_at":null,"merged_at":null,"merge_commit_sha":"71f33e4a829cefecc08efaad9d9219a41ac6847d","assignee":null,"assignees":[],"requested_reviewers":[],"milestone":null,"commits_url":"https://api.github.com/repos/SAP/builder-cli/pulls/48/commits","review_comments_url":"https://api.github.com/repos/SAP/builder-cli/pulls/48/comments","review_comment_url":"https://api.github.com/repos/SAP/builder-cli/pulls/comments{/number}","comments_url":"https://api.github.com/repos/SAP/builder-cli/issues/48/comments","statuses_url":"https://api.github.com/repos/SAP/builder-cli/statuses/92821a8105b1db07a47a2e87ace97fe5f9718714","head":{"label":"SAP:feature/TSK-5087","ref":"feature/TSK-5087","sha":"92821a8105b1db07a47a2e87ace97fe5f9718714","user":{"login":"SAP","id":2531208,"avatar_url":"https://avatars2.githubusercontent.com/u/2531208?v=3","gravatar_id":"","url":"https://api.github.com/users/SAP","html_url":"https://github.com/SAP","followers_url":"https://api.github.com/users/SAP/followers","following_url":"https://api.github.com/users/SAP/following{/other_user}","gists_url":"https://api.github.com/users/SAP/gists{/gist_id}","starred_url":"https://api.github.com/users/SAP/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SAP/subscriptions","organizations_url":"https://api.github.com/users/SAP/orgs","repos_url":"https://api.github.com/users/SAP/repos","events_url":"https://api.github.com/users/SAP/events{/privacy}","received_events_url":"https://api.github.com/users/SAP/received_events","type":"Organization","site_admin":false},"repo":{"id":41430195,"name":"builder-cli","full_name":"SAP/builder-cli","owner":{"login":"SAP","id":2531208,"avatar_url":"https://avatars2.githubusercontent.com/u/2531208?v=3","gravatar_id":"","url":"https://api.github.com/users/SAP","html_url":"https://github.com/SAP","followers_url":"https://api.github.com/users/SAP/followers","following_url":"https://api.github.com/users/SAP/following{/other_user}","gists_url":"https://api.github.com/users/SAP/gists{/gist_id}","starred_url":"https://api.github.com/users/SAP/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SAP/subscriptions","organizations_url":"https://api.github.com/users/SAP/orgs","repos_url":"https://api.github.com/users/SAP/repos","events_url":"https://api.github.com/users/SAP/events{/privacy}","received_events_url":"https://api.github.com/users/SAP/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/SAP/builder-cli","description":"Open source command line tool for YaaS","fork":false,"url":"https://api.github.com/repos/SAP/builder-cli","forks_url":"https://api.github.com/repos/SAP/builder-cli/forks","keys_url":"https://api.github.com/repos/SAP/builder-cli/keys{/key_id}","collaborators_url":"https://api.github.com/repos/SAP/builder-cli/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/SAP/builder-cli/teams","hooks_url":"https://api.github.com/repos/SAP/builder-cli/hooks","issue_events_url":"https://api.github.com/repos/SAP/builder-cli/issues/events{/number}","events_url":"https://api.github.com/repos/SAP/builder-cli/events","assignees_url":"https://api.github.com/repos/SAP/builder-cli/assignees{/user}","branches_url":"https://api.github.com/repos/SAP/builder-cli/branches{/branch}","tags_url":"https://api.github.com/repos/SAP/builder-cli/tags","blobs_url":"https://api.github.com/repos/SAP/builder-cli/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/SAP/builder-cli/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/SAP/builder-cli/git/refs{/sha}","trees_url":"https://api.github.com/repos/SAP/builder-cli/git/trees{/sha}","statuses_url":"https://api.github.com/repos/SAP/builder-cli/statuses/{sha}","languages_url":"https://api.github.com/repos/SAP/builder-cli/languages","stargazers_url":"https://api.github.com/repos/SAP/builder-cli/stargazers","contributors_url":"https://api.github.com/repos/SAP/builder-cli/contributors","subscribers_url":"https://api.github.com/repos/SAP/builder-cli/subscribers","subscription_url":"https://api.github.com/repos/SAP/builder-cli/subscription","commits_url":"https://api.github.com/repos/SAP/builder-cli/commits{/sha}","git_commits_url":"https://api.github.com/repos/SAP/builder-cli/git/commits{/sha}","comments_url":"https://api.github.com/repos/SAP/builder-cli/comments{/number}","issue_comment_url":"https://api.github.com/repos/SAP/builder-cli/issues/comments{/number}","contents_url":"https://api.github.com/repos/SAP/builder-cli/contents/{+path}","compare_url":"https://api.github.com/repos/SAP/builder-cli/compare/{base}...{head}","merges_url":"https://api.github.com/repos/SAP/builder-cli/merges","archive_url":"https://api.github.com/repos/SAP/builder-cli/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/SAP/builder-cli/downloads","issues_url":"https://api.github.com/repos/SAP/builder-cli/issues{/number}","pulls_url":"https://api.github.com/repos/SAP/builder-cli/pulls{/number}","milestones_url":"https://api.github.com/repos/SAP/builder-cli/milestones{/number}","notifications_url":"https://api.github.com/repos/SAP/builder-cli/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/SAP/builder-cli/labels{/name}","releases_url":"https://api.github.com/repos/SAP/builder-cli/releases{/id}","deployments_url":"https://api.github.com/repos/SAP/builder-cli/deployments","created_at":"2015-08-26T14:24:48Z","updated_at":"2017-03-29T16:03:42Z","pushed_at":"2017-06-28T15:12:59Z","git_url":"git://github.com/SAP/builder-cli.git","ssh_url":"git@github.com:SAP/builder-cli.git","clone_url":"https://github.com/SAP/builder-cli.git","svn_url":"https://github.com/SAP/builder-cli","homepage":null,"size":14921,"stargazers_count":4,"watchers_count":4,"language":"HTML","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":6,"mirror_url":null,"open_issues_count":3,"forks":6,"open_issues":3,"watchers":4,"default_branch":"master"}},"base":{"label":"SAP:master","ref":"master","sha":"213d2240a191cb376dd881b18d88a553a1be1228","user":{"login":"SAP","id":2531208,"avatar_url":"https://avatars2.githubusercontent.com/u/2531208?v=3","gravatar_id":"","url":"https://api.github.com/users/SAP","html_url":"https://github.com/SAP","followers_url":"https://api.github.com/users/SAP/followers","following_url":"https://api.github.com/users/SAP/following{/other_user}","gists_url":"https://api.github.com/users/SAP/gists{/gist_id}","starred_url":"https://api.github.com/users/SAP/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SAP/subscriptions","organizations_url":"https://api.github.com/users/SAP/orgs","repos_url":"https://api.github.com/users/SAP/repos","events_url":"https://api.github.com/users/SAP/events{/privacy}","received_events_url":"https://api.github.com/users/SAP/received_events","type":"Organization","site_admin":false},"repo":{"id":41430195,"name":"builder-cli","full_name":"SAP/builder-cli","owner":{"login":"SAP","id":2531208,"avatar_url":"https://avatars2.githubusercontent.com/u/2531208?v=3","gravatar_id":"","url":"https://api.github.com/users/SAP","html_url":"https://github.com/SAP","followers_url":"https://api.github.com/users/SAP/followers","following_url":"https://api.github.com/users/SAP/following{/other_user}","gists_url":"https://api.github.com/users/SAP/gists{/gist_id}","starred_url":"https://api.github.com/users/SAP/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SAP/subscriptions","organizations_url":"https://api.github.com/users/SAP/orgs","repos_url":"https://api.github.com/users/SAP/repos","events_url":"https://api.github.com/users/SAP/events{/privacy}","received_events_url":"https://api.github.com/users/SAP/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/SAP/builder-cli","description":"Open source command line tool for YaaS","fork":false,"url":"https://api.github.com/repos/SAP/builder-cli","forks_url":"https://api.github.com/repos/SAP/builder-cli/forks","keys_url":"https://api.github.com/repos/SAP/builder-cli/keys{/key_id}","collaborators_url":"https://api.github.com/repos/SAP/builder-cli/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/SAP/builder-cli/teams","hooks_url":"https://api.github.com/repos/SAP/builder-cli/hooks","issue_events_url":"https://api.github.com/repos/SAP/builder-cli/issues/events{/number}","events_url":"https://api.github.com/repos/SAP/builder-cli/events","assignees_url":"https://api.github.com/repos/SAP/builder-cli/assignees{/user}","branches_url":"https://api.github.com/repos/SAP/builder-cli/branches{/branch}","tags_url":"https://api.github.com/repos/SAP/builder-cli/tags","blobs_url":"https://api.github.com/repos/SAP/builder-cli/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/SAP/builder-cli/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/SAP/builder-cli/git/refs{/sha}","trees_url":"https://api.github.com/repos/SAP/builder-cli/git/trees{/sha}","statuses_url":"https://api.github.com/repos/SAP/builder-cli/statuses/{sha}","languages_url":"https://api.github.com/repos/SAP/builder-cli/languages","stargazers_url":"https://api.github.com/repos/SAP/builder-cli/stargazers","contributors_url":"https://api.github.com/repos/SAP/builder-cli/contributors","subscribers_url":"https://api.github.com/repos/SAP/builder-cli/subscribers","subscription_url":"https://api.github.com/repos/SAP/builder-cli/subscription","commits_url":"https://api.github.com/repos/SAP/builder-cli/commits{/sha}","git_commits_url":"https://api.github.com/repos/SAP/builder-cli/git/commits{/sha}","comments_url":"https://api.github.com/repos/SAP/builder-cli/comments{/number}","issue_comment_url":"https://api.github.com/repos/SAP/builder-cli/issues/comments{/number}","contents_url":"https://api.github.com/repos/SAP/builder-cli/contents/{+path}","compare_url":"https://api.github.com/repos/SAP/builder-cli/compare/{base}...{head}","merges_url":"https://api.github.com/repos/SAP/builder-cli/merges","archive_url":"https://api.github.com/repos/SAP/builder-cli/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/SAP/builder-cli/downloads","issues_url":"https://api.github.com/repos/SAP/builder-cli/issues{/number}","pulls_url":"https://api.github.com/repos/SAP/builder-cli/pulls{/number}","milestones_url":"https://api.github.com/repos/SAP/builder-cli/milestones{/number}","notifications_url":"https://api.github.com/repos/SAP/builder-cli/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/SAP/builder-cli/labels{/name}","releases_url":"https://api.github.com/repos/SAP/builder-cli/releases{/id}","deployments_url":"https://api.github.com/repos/SAP/builder-cli/deployments","created_at":"2015-08-26T14:24:48Z","updated_at":"2017-03-29T16:03:42Z","pushed_at":"2017-06-28T15:12:59Z","git_url":"git://github.com/SAP/builder-cli.git","ssh_url":"git@github.com:SAP/builder-cli.git","clone_url":"https://github.com/SAP/builder-cli.git","svn_url":"https://github.com/SAP/builder-cli","homepage":null,"size":14921,"stargazers_count":4,"watchers_count":4,"language":"HTML","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":6,"mirror_url":null,"open_issues_count":3,"forks":6,"open_issues":3,"watchers":4,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/SAP/builder-cli/pulls/48"},"html":{"href":"https://github.com/SAP/builder-cli/pull/48"},"issue":{"href":"https://api.github.com/repos/SAP/builder-cli/issues/48"},"comments":{"href":"https://api.github.com/repos/SAP/builder-cli/issues/48/comments"},"review_comments":{"href":"https://api.github.com/repos/SAP/builder-cli/pulls/48/comments"},"review_comment":{"href":"https://api.github.com/repos/SAP/builder-cli/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/SAP/builder-cli/pulls/48/commits"},"statuses":{"href":"https://api.github.com/repos/SAP/builder-cli/statuses/92821a8105b1db07a47a2e87ace97fe5f9718714"}}}}
{"actor":{"display_login":"MindyJamiel"}}