{"action":"created","comment":{"url":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/comments/91954499","pull_request_review_id":12463276,"id":91954499,"diff_hunk":"@@ -35,106 +35,110 @@ These are the basic steps to add UI Options to your website:\n \n The rest of this tutorial will explain each of these steps in detail.\n \n-## Download and install the Infusion library ##\n+## Download and install the UI Options library ##\n \n-1. Get the current source code from github as a [ZIP file]( https://github.com/fluid-project/infusion/archive/master.zip)\n-2. Unpack the zip file you just downloaded and cd into the \"infusion-master\" folder that results.\n-3. If necessary install [Node.js](http://nodejs.org/download/) and [Grunt](http://gruntjs.com/) `npm install -g grunt-cli`.\n-4. Make your own custom build by running the `grunt` command in the Terminal. See the [README.md](https://github.com/fluid-project/infusion/blob/master/README.md#how-do-i-create-an-infusion-package) file for instructions on how to make a custom build of Infusion.\n-5. The grunt command will create a zip file in the products folder. Unzip that file and move the resulting `infusion` folder somewhere convenient for your development purposes, likely in a `lib` folder in your site hierarchy.\n-6. This `infusion` will include a single file containing all of the JavaScript you need: `infusion-custom.js`. You will link to this file in the headers of your HTML files.\n+1. [Download the UI Options library](https://github.com/fluid-project/infusion/releases/download/infusion-2.0/infusion-uiOptions-2.0.0-source.zip) (there is also a [minified version UI Options](https://github.com/fluid-project/infusion/releases/download/infusion-2.0/infusion-uiOptions-2.0.0-minified.zip) for deployment purposes).\n+2. Unzip the contents of the downloaded ZIP file to a location within your project. This will result in a new directory `infusion`. Note: In this guide we will use the directory `my-project/lib/`.\n+3. Your `infusion` folder will include a single file containing all of the JavaScript you need (`infusion-uiOptions.js`), HTML templates, CSS files, and other components to get UI Options to work. You will later link to these files in your HTML files.\n+4. Now that `infusion` is in your project directory, you can delete the `infusion-uiOptions-2.0.0.zip` (or similar name) from your download directory.\n \n ## Prepare your page ##\n \n ### The Sliding Panel ###\n \n-The UI Options component includes HTML templates for all the controls, so you don't need to create any HTML for them. You only need to add a small amount of markup to the top of your page to tell UI Options where to render itself.\n+The UI Options component includes HTML templates for all the controls, so you don't need to create any HTML for them. You only need to add a small amount of markup to the top of your webpage to tell UI Options where to render itself.\n \n-Add the following markup as the first thing within your `<body>` tag:\n+Add the following markup at the very beginning within your `<body>` tag to your page html:\n \n ```html\n-<div class=\"flc-prefsEditor-separatedPanel fl-prefsEditor-separatedPanel\">\n-    <!-- This is the div that will contain the Preference Editor component -->\n-    <div class=\"flc-slidingPanel-panel flc-prefsEditor-iframe\"></div>\n-    <!-- This div is for the sliding panel that shows and hides the Preference Editor controls -->\n-    <div class=\"fl-panelBar\">\n-        <span class=\"fl-prefsEditor-buttons\">\n-            <button id=\"reset\" class=\"flc-prefsEditor-reset fl-prefsEditor-reset\"><span class=\"fl-icon-undo\"></span> Reset</button>\n-            <button id=\"show-hide\" class=\"flc-slidingPanel-toggleButton fl-prefsEditor-showHide\"> Show/Hide</button>\n-        </span>\n+<body>\n+    <div class=\"flc-prefsEditor-separatedPanel fl-prefsEditor-separatedPanel\">\n+        <!-- This is the div that will contain the Preference Editor component -->\n+        <div class=\"flc-slidingPanel-panel flc-prefsEditor-iframe\"></div>\n+        <!-- This div is for the sliding panel that shows and hides the Preference Editor controls -->\n+        <div class=\"fl-panelBar\">\n+            <span class=\"fl-prefsEditor-buttons\">\n+                <button id=\"reset\" class=\"flc-prefsEditor-reset fl-prefsEditor-reset\"><span class=\"fl-icon-undo\"></span> Reset</button>\n+                <button id=\"show-hide\" class=\"flc-slidingPanel-toggleButton fl-prefsEditor-showHide\"> Show/Hide</button>\n+            </span>\n+        </div>\n     </div>\n-</div>\n+</body>\n ```\n \n The main `<div>` in this snippet contains two things:\n \n-1. a `<div>` where an iframe will be inserted, containing the Fat Panel UI Options controls, and\n+1. a `<div>` where an iframe will be inserted, containing the UI Options adjusters, and","path":"src/documents/tutorial-userInterfaceOptions/UserInterfaceOptions.md","position":71,"original_position":71,"commit_id":"4ad3aa9747b392e25f938f9d61ee085956eff904","original_commit_id":"4ad3aa9747b392e25f938f9d61ee085956eff904","user":{"login":"jobara","id":556024,"avatar_url":"https://avatars.githubusercontent.com/u/556024?v=3","gravatar_id":"","url":"https://api.github.com/users/jobara","html_url":"https://github.com/jobara","followers_url":"https://api.github.com/users/jobara/followers","following_url":"https://api.github.com/users/jobara/following{/other_user}","gists_url":"https://api.github.com/users/jobara/gists{/gist_id}","starred_url":"https://api.github.com/users/jobara/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jobara/subscriptions","organizations_url":"https://api.github.com/users/jobara/orgs","repos_url":"https://api.github.com/users/jobara/repos","events_url":"https://api.github.com/users/jobara/events{/privacy}","received_events_url":"https://api.github.com/users/jobara/received_events","type":"User","site_admin":false},"body":"Maybe for all of these `<div>` elements include the class names so that they are easier to identify in the markup example?","created_at":"2016-12-12T14:18:57Z","updated_at":"2016-12-12T14:18:57Z","html_url":"https://github.com/fluid-project/infusion-docs/pull/109#discussion_r91954499","pull_request_url":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/109","_links":{"self":{"href":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/comments/91954499"},"html":{"href":"https://github.com/fluid-project/infusion-docs/pull/109#discussion_r91954499"},"pull_request":{"href":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/109"}}},"pull_request":{"url":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/109","id":97385330,"html_url":"https://github.com/fluid-project/infusion-docs/pull/109","diff_url":"https://github.com/fluid-project/infusion-docs/pull/109.diff","patch_url":"https://github.com/fluid-project/infusion-docs/pull/109.patch","issue_url":"https://api.github.com/repos/fluid-project/infusion-docs/issues/109","number":109,"state":"open","locked":false,"title":"FLUID-5977","user":{"login":"jhung","id":564762,"avatar_url":"https://avatars.githubusercontent.com/u/564762?v=3","gravatar_id":"","url":"https://api.github.com/users/jhung","html_url":"https://github.com/jhung","followers_url":"https://api.github.com/users/jhung/followers","following_url":"https://api.github.com/users/jhung/following{/other_user}","gists_url":"https://api.github.com/users/jhung/gists{/gist_id}","starred_url":"https://api.github.com/users/jhung/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jhung/subscriptions","organizations_url":"https://api.github.com/users/jhung/orgs","repos_url":"https://api.github.com/users/jhung/repos","events_url":"https://api.github.com/users/jhung/events{/privacy}","received_events_url":"https://api.github.com/users/jhung/received_events","type":"User","site_admin":false},"body":"@jobara \r\nTaking what alychow had started, I've updated the examples, and clarified some of the text. Please take a look.","created_at":"2016-12-09T21:42:57Z","updated_at":"2016-12-12T14:18:57Z","closed_at":null,"merged_at":null,"merge_commit_sha":"cc57649ced4212bb6a589248b7d8471f91826799","assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/fluid-project/infusion-docs/milestones/1","html_url":"https://github.com/fluid-project/infusion-docs/milestone/1","labels_url":"https://api.github.com/repos/fluid-project/infusion-docs/milestones/1/labels","id":2033198,"number":1,"title":"Infusion 2.0 Release","description":"Pull Requests specific to the Infusion 2.0 release push.","creator":{"login":"jobara","id":556024,"avatar_url":"https://avatars.githubusercontent.com/u/556024?v=3","gravatar_id":"","url":"https://api.github.com/users/jobara","html_url":"https://github.com/jobara","followers_url":"https://api.github.com/users/jobara/followers","following_url":"https://api.github.com/users/jobara/following{/other_user}","gists_url":"https://api.github.com/users/jobara/gists{/gist_id}","starred_url":"https://api.github.com/users/jobara/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jobara/subscriptions","organizations_url":"https://api.github.com/users/jobara/orgs","repos_url":"https://api.github.com/users/jobara/repos","events_url":"https://api.github.com/users/jobara/events{/privacy}","received_events_url":"https://api.github.com/users/jobara/received_events","type":"User","site_admin":false},"open_issues":3,"closed_issues":7,"state":"open","created_at":"2016-09-27T21:14:35Z","updated_at":"2016-12-12T14:07:28Z","due_on":null,"closed_at":null},"commits_url":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/109/commits","review_comments_url":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/109/comments","review_comment_url":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/comments{/number}","comments_url":"https://api.github.com/repos/fluid-project/infusion-docs/issues/109/comments","statuses_url":"https://api.github.com/repos/fluid-project/infusion-docs/statuses/4ad3aa9747b392e25f938f9d61ee085956eff904","head":{"label":"jhung:FLUID-5977","ref":"FLUID-5977","sha":"4ad3aa9747b392e25f938f9d61ee085956eff904","user":{"login":"jhung","id":564762,"avatar_url":"https://avatars.githubusercontent.com/u/564762?v=3","gravatar_id":"","url":"https://api.github.com/users/jhung","html_url":"https://github.com/jhung","followers_url":"https://api.github.com/users/jhung/followers","following_url":"https://api.github.com/users/jhung/following{/other_user}","gists_url":"https://api.github.com/users/jhung/gists{/gist_id}","starred_url":"https://api.github.com/users/jhung/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jhung/subscriptions","organizations_url":"https://api.github.com/users/jhung/orgs","repos_url":"https://api.github.com/users/jhung/repos","events_url":"https://api.github.com/users/jhung/events{/privacy}","received_events_url":"https://api.github.com/users/jhung/received_events","type":"User","site_admin":false},"repo":{"id":32949610,"name":"infusion-docs","full_name":"jhung/infusion-docs","owner":{"login":"jhung","id":564762,"avatar_url":"https://avatars.githubusercontent.com/u/564762?v=3","gravatar_id":"","url":"https://api.github.com/users/jhung","html_url":"https://github.com/jhung","followers_url":"https://api.github.com/users/jhung/followers","following_url":"https://api.github.com/users/jhung/following{/other_user}","gists_url":"https://api.github.com/users/jhung/gists{/gist_id}","starred_url":"https://api.github.com/users/jhung/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jhung/subscriptions","organizations_url":"https://api.github.com/users/jhung/orgs","repos_url":"https://api.github.com/users/jhung/repos","events_url":"https://api.github.com/users/jhung/events{/privacy}","received_events_url":"https://api.github.com/users/jhung/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/jhung/infusion-docs","description":"Documentation space for Infusion","fork":true,"url":"https://api.github.com/repos/jhung/infusion-docs","forks_url":"https://api.github.com/repos/jhung/infusion-docs/forks","keys_url":"https://api.github.com/repos/jhung/infusion-docs/keys{/key_id}","collaborators_url":"https://api.github.com/repos/jhung/infusion-docs/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/jhung/infusion-docs/teams","hooks_url":"https://api.github.com/repos/jhung/infusion-docs/hooks","issue_events_url":"https://api.github.com/repos/jhung/infusion-docs/issues/events{/number}","events_url":"https://api.github.com/repos/jhung/infusion-docs/events","assignees_url":"https://api.github.com/repos/jhung/infusion-docs/assignees{/user}","branches_url":"https://api.github.com/repos/jhung/infusion-docs/branches{/branch}","tags_url":"https://api.github.com/repos/jhung/infusion-docs/tags","blobs_url":"https://api.github.com/repos/jhung/infusion-docs/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/jhung/infusion-docs/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/jhung/infusion-docs/git/refs{/sha}","trees_url":"https://api.github.com/repos/jhung/infusion-docs/git/trees{/sha}","statuses_url":"https://api.github.com/repos/jhung/infusion-docs/statuses/{sha}","languages_url":"https://api.github.com/repos/jhung/infusion-docs/languages","stargazers_url":"https://api.github.com/repos/jhung/infusion-docs/stargazers","contributors_url":"https://api.github.com/repos/jhung/infusion-docs/contributors","subscribers_url":"https://api.github.com/repos/jhung/infusion-docs/subscribers","subscription_url":"https://api.github.com/repos/jhung/infusion-docs/subscription","commits_url":"https://api.github.com/repos/jhung/infusion-docs/commits{/sha}","git_commits_url":"https://api.github.com/repos/jhung/infusion-docs/git/commits{/sha}","comments_url":"https://api.github.com/repos/jhung/infusion-docs/comments{/number}","issue_comment_url":"https://api.github.com/repos/jhung/infusion-docs/issues/comments{/number}","contents_url":"https://api.github.com/repos/jhung/infusion-docs/contents/{+path}","compare_url":"https://api.github.com/repos/jhung/infusion-docs/compare/{base}...{head}","merges_url":"https://api.github.com/repos/jhung/infusion-docs/merges","archive_url":"https://api.github.com/repos/jhung/infusion-docs/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/jhung/infusion-docs/downloads","issues_url":"https://api.github.com/repos/jhung/infusion-docs/issues{/number}","pulls_url":"https://api.github.com/repos/jhung/infusion-docs/pulls{/number}","milestones_url":"https://api.github.com/repos/jhung/infusion-docs/milestones{/number}","notifications_url":"https://api.github.com/repos/jhung/infusion-docs/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/jhung/infusion-docs/labels{/name}","releases_url":"https://api.github.com/repos/jhung/infusion-docs/releases{/id}","deployments_url":"https://api.github.com/repos/jhung/infusion-docs/deployments","created_at":"2015-03-26T20:15:34Z","updated_at":"2016-12-09T21:41:45Z","pushed_at":"2016-12-09T21:41:38Z","git_url":"git://github.com/jhung/infusion-docs.git","ssh_url":"git@github.com:jhung/infusion-docs.git","clone_url":"https://github.com/jhung/infusion-docs.git","svn_url":"https://github.com/jhung/infusion-docs","homepage":null,"size":5157,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"fluid-project:master","ref":"master","sha":"d2bf3a96e480e13e5c9740b2c3876859aa0552c5","user":{"login":"fluid-project","id":560119,"avatar_url":"https://avatars.githubusercontent.com/u/560119?v=3","gravatar_id":"","url":"https://api.github.com/users/fluid-project","html_url":"https://github.com/fluid-project","followers_url":"https://api.github.com/users/fluid-project/followers","following_url":"https://api.github.com/users/fluid-project/following{/other_user}","gists_url":"https://api.github.com/users/fluid-project/gists{/gist_id}","starred_url":"https://api.github.com/users/fluid-project/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fluid-project/subscriptions","organizations_url":"https://api.github.com/users/fluid-project/orgs","repos_url":"https://api.github.com/users/fluid-project/repos","events_url":"https://api.github.com/users/fluid-project/events{/privacy}","received_events_url":"https://api.github.com/users/fluid-project/received_events","type":"Organization","site_admin":false},"repo":{"id":18303292,"name":"infusion-docs","full_name":"fluid-project/infusion-docs","owner":{"login":"fluid-project","id":560119,"avatar_url":"https://avatars.githubusercontent.com/u/560119?v=3","gravatar_id":"","url":"https://api.github.com/users/fluid-project","html_url":"https://github.com/fluid-project","followers_url":"https://api.github.com/users/fluid-project/followers","following_url":"https://api.github.com/users/fluid-project/following{/other_user}","gists_url":"https://api.github.com/users/fluid-project/gists{/gist_id}","starred_url":"https://api.github.com/users/fluid-project/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fluid-project/subscriptions","organizations_url":"https://api.github.com/users/fluid-project/orgs","repos_url":"https://api.github.com/users/fluid-project/repos","events_url":"https://api.github.com/users/fluid-project/events{/privacy}","received_events_url":"https://api.github.com/users/fluid-project/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/fluid-project/infusion-docs","description":"Documentation space for Infusion","fork":false,"url":"https://api.github.com/repos/fluid-project/infusion-docs","forks_url":"https://api.github.com/repos/fluid-project/infusion-docs/forks","keys_url":"https://api.github.com/repos/fluid-project/infusion-docs/keys{/key_id}","collaborators_url":"https://api.github.com/repos/fluid-project/infusion-docs/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/fluid-project/infusion-docs/teams","hooks_url":"https://api.github.com/repos/fluid-project/infusion-docs/hooks","issue_events_url":"https://api.github.com/repos/fluid-project/infusion-docs/issues/events{/number}","events_url":"https://api.github.com/repos/fluid-project/infusion-docs/events","assignees_url":"https://api.github.com/repos/fluid-project/infusion-docs/assignees{/user}","branches_url":"https://api.github.com/repos/fluid-project/infusion-docs/branches{/branch}","tags_url":"https://api.github.com/repos/fluid-project/infusion-docs/tags","blobs_url":"https://api.github.com/repos/fluid-project/infusion-docs/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/fluid-project/infusion-docs/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/fluid-project/infusion-docs/git/refs{/sha}","trees_url":"https://api.github.com/repos/fluid-project/infusion-docs/git/trees{/sha}","statuses_url":"https://api.github.com/repos/fluid-project/infusion-docs/statuses/{sha}","languages_url":"https://api.github.com/repos/fluid-project/infusion-docs/languages","stargazers_url":"https://api.github.com/repos/fluid-project/infusion-docs/stargazers","contributors_url":"https://api.github.com/repos/fluid-project/infusion-docs/contributors","subscribers_url":"https://api.github.com/repos/fluid-project/infusion-docs/subscribers","subscription_url":"https://api.github.com/repos/fluid-project/infusion-docs/subscription","commits_url":"https://api.github.com/repos/fluid-project/infusion-docs/commits{/sha}","git_commits_url":"https://api.github.com/repos/fluid-project/infusion-docs/git/commits{/sha}","comments_url":"https://api.github.com/repos/fluid-project/infusion-docs/comments{/number}","issue_comment_url":"https://api.github.com/repos/fluid-project/infusion-docs/issues/comments{/number}","contents_url":"https://api.github.com/repos/fluid-project/infusion-docs/contents/{+path}","compare_url":"https://api.github.com/repos/fluid-project/infusion-docs/compare/{base}...{head}","merges_url":"https://api.github.com/repos/fluid-project/infusion-docs/merges","archive_url":"https://api.github.com/repos/fluid-project/infusion-docs/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/fluid-project/infusion-docs/downloads","issues_url":"https://api.github.com/repos/fluid-project/infusion-docs/issues{/number}","pulls_url":"https://api.github.com/repos/fluid-project/infusion-docs/pulls{/number}","milestones_url":"https://api.github.com/repos/fluid-project/infusion-docs/milestones{/number}","notifications_url":"https://api.github.com/repos/fluid-project/infusion-docs/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/fluid-project/infusion-docs/labels{/name}","releases_url":"https://api.github.com/repos/fluid-project/infusion-docs/releases{/id}","deployments_url":"https://api.github.com/repos/fluid-project/infusion-docs/deployments","created_at":"2014-03-31T18:22:31Z","updated_at":"2016-10-26T13:55:30Z","pushed_at":"2016-12-09T21:42:57Z","git_url":"git://github.com/fluid-project/infusion-docs.git","ssh_url":"git@github.com:fluid-project/infusion-docs.git","clone_url":"https://github.com/fluid-project/infusion-docs.git","svn_url":"https://github.com/fluid-project/infusion-docs","homepage":"http://docs.fluidproject.org/infusion","size":5462,"stargazers_count":1,"watchers_count":1,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":19,"mirror_url":null,"open_issues_count":6,"forks":19,"open_issues":6,"watchers":1,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/109"},"html":{"href":"https://github.com/fluid-project/infusion-docs/pull/109"},"issue":{"href":"https://api.github.com/repos/fluid-project/infusion-docs/issues/109"},"comments":{"href":"https://api.github.com/repos/fluid-project/infusion-docs/issues/109/comments"},"review_comments":{"href":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/109/comments"},"review_comment":{"href":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/fluid-project/infusion-docs/pulls/109/commits"},"statuses":{"href":"https://api.github.com/repos/fluid-project/infusion-docs/statuses/4ad3aa9747b392e25f938f9d61ee085956eff904"}}}}
{"actor":{"display_login":"jobara"}}