# Ignition 8 Online Demo Examples **URL:** \ **Category:** Ignition Early Access\ **Tags:** examples, demoproject\ **Created:** [November 28, 2018, 6:47pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118 "2018-11-28T18:47:42Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![mraybourn](https://avatars.discourse-cdn.com/v4/letter/m/7ba0ec/32.png) [@mraybourn](https://forum.inductiveautomation.com/u/mraybourn)\ **Post date:** [November 28, 2018, 6:47pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/1 "2018-11-28T18:47:42Z")
Since a lot of people have been asking about how certain features of the demo project were accomplished, we thought we would share that with everyone here. The user/password for Ignition is: admin/password **\*\*Edit: The downloads are now available on our Ignition Extras page.\*\*** [Ignition Extras](https://inductiveautomation.com/downloads/extra-material) The download under Gateway Backups includes everything to create your own copy of the demo on your own Ignition setup. This includes a Gateway Backup, SQL files, instructions, and individual project exports. The download under VMWare Images is a full VM image that you can use with VMWare to run an entire working copy of the Ignition 8.0 demo projects. The user/password for the OS is: ignition/ignition ---
**Author:** ![mrogers](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mrogers/32/4110_2.png) [@mrogers](https://forum.inductiveautomation.com/u/mrogers)\ **Post date:** [November 28, 2018, 8:45pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/2 "2018-11-28T20:45:37Z")
Thank you for posting this, but I’m having some trouble with it. I was looking around in the Features/Database Management/Form Entry/Details folder, specifically the ‘View’ view and an embedded view inside it. The path to the view is ‘Page/Embedded/Table Card Layout/Responsive View’, which unfortunately doesn’t exist. Also, on that same view bound to the data parameter is a named query which doesn’t exist - there are no named queries at all in this project as far as I can tell. ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c1b5ec68fdf673bf3da1c23cebfef19501d0d1e5.png) ---
**Author:** ![mraybourn](https://avatars.discourse-cdn.com/v4/letter/m/7ba0ec/32.png) [@mraybourn](https://forum.inductiveautomation.com/u/mraybourn)\ **Post date:** [November 28, 2018, 9:22pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/3 "2018-11-28T21:22:52Z")
The entire project was not exported, which is why some resources are not included. This is more of a set of examples that you can reference, rather than a whole working project. I will see if I can add those items in, so that those views are more complete. ---
**Author:** ![mraybourn](https://avatars.discourse-cdn.com/v4/letter/m/7ba0ec/32.png) [@mraybourn](https://forum.inductiveautomation.com/u/mraybourn)\ **Post date:** [November 29, 2018, 1:16am UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/4 "2018-11-29T01:16:20Z")
I have updated the file that is linked in the first post - it includes some additional views and named queries, which should help with the database form examples. ---
**Author:** ![software.development](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/software.development/32/6688_2.png) [@software.development](https://forum.inductiveautomation.com/u/software.development)\ **Post date:** [November 29, 2018, 9:01am UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/5 "2018-11-29T09:01:12Z")
I tried to download but it’s the same of first, there aren’t named queries. ---
**Author:** ![BrandonSHill](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/brandonshill/32/6805_2.png) [@BrandonSHill](https://forum.inductiveautomation.com/u/BrandonSHill)\ **Post date:** [November 29, 2018, 2:39pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/6 "2018-11-29T14:39:11Z")
It appears the Page Configuration doesn’t exist, nor any reference to how the menu system is done, or am I looking at it wrong? ---
**Author:** ![BrandonSHill](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/brandonshill/32/6805_2.png) [@BrandonSHill](https://forum.inductiveautomation.com/u/BrandonSHill)\ **Post date:** [November 29, 2018, 2:42pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/7 "2018-11-29T14:42:05Z")
Secondly, I’m looking through the views, and attempting to figure out what each component is. The new designer does not state what Component type it is at the bottom of the screen like the old designer. How do I tell what the type is at a glance? ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [November 29, 2018, 3:16pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/8 "2018-11-29T15:16:42Z")
This is something we’re working on (breadcrumbs which display not only the selected component type, but the component path as well). Currently, the best way to tell what a component is in the Designer is to look at the name (in the Project Browser or Property Editor) because components drop-in with their Component Type as their default meta.name (which is then followed by an underscore and a numeral if there is already a Component with that name at the current level). In a browser, you can identify item types by inspecting elements in the DOM. ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/5/585577d2ed874a29238665ddd904f15413214b44.png) if you look at the data-component attribute of any Perspective component, you’ll see that it declares not only the component type, but also what category of component i falls under. In the case of the screenshot, we can see that the `text-field` component would be found under the input category. ---
**Author:** ![BrandonSHill](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/brandonshill/32/6805_2.png) [@BrandonSHill](https://forum.inductiveautomation.com/u/BrandonSHill)\ **Post date:** [November 29, 2018, 3:52pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/9 "2018-11-29T15:52:05Z")
ok, thanks. As long as there is a way to see that again in the designer for release, I think it will be fine. Always good to know what we are working with on-screen. Thanks. ---
**Author:** ![mraybourn](https://avatars.discourse-cdn.com/v4/letter/m/7ba0ec/32.png) [@mraybourn](https://forum.inductiveautomation.com/u/mraybourn)\ **Post date:** [November 29, 2018, 4:16pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/10 "2018-11-29T16:16:53Z")
I just re-uploaded the file and verified that the named queries are in there now. If you had previously downloaded it and did not see the named queries, then go ahead and try it again. It should also have some of the missing table views. The page configuration wasn’t included because we wanted this to focus on providing examples that show how specific views were set up, and not about other aspects like navigation. The page configuration does have a small set of parameters that apply to the table’s filtering component, which I have added to the original download. You will need to add a new object named “historyFilter” in your session’s Custom properties, then copy/paste the historyFilter.json text into that object. ---
**Author:** ![JOG23](https://avatars.discourse-cdn.com/v4/letter/j/58956e/32.png) [@JOG23](https://forum.inductiveautomation.com/u/JOG23)\ **Post date:** [November 29, 2018, 9:16pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/11 "2018-11-29T21:16:40Z")
I see that the Database Forms named queries are there, should there also be an Alarms folder as well to drive the alarm analysis view? Thanks. ---
**Author:** ![mraybourn](https://avatars.discourse-cdn.com/v4/letter/m/7ba0ec/32.png) [@mraybourn](https://forum.inductiveautomation.com/u/mraybourn)\ **Post date:** [November 29, 2018, 9:37pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/12 "2018-11-29T21:37:47Z")
Yes there is an Alarms folder that drives those views, however those queries were not included with the files. Those queries run against the alarm\_events and alarm\_event\_data tables. If you’d like to see exactly how those work, then I can find about exporting those as well. ---
**Author:** ![JOG23](https://avatars.discourse-cdn.com/v4/letter/j/58956e/32.png) [@JOG23](https://forum.inductiveautomation.com/u/JOG23)\ **Post date:** [November 30, 2018, 1:42pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/13 "2018-11-30T13:42:17Z")
Oh ok that makes sense. If you could find a way to include them, that would be greatly appreciated. Thank you in advance for the support. ---
**Author:** ![mraybourn](https://avatars.discourse-cdn.com/v4/letter/m/7ba0ec/32.png) [@mraybourn](https://forum.inductiveautomation.com/u/mraybourn)\ **Post date:** [November 30, 2018, 10:39pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/14 "2018-11-30T22:39:27Z")
The download with the project files is now updated to include the alarm queries. ---
**Author:** ![software.development](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/software.development/32/6688_2.png) [@software.development](https://forum.inductiveautomation.com/u/software.development)\ **Post date:** [December 4, 2018, 12:05pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/15 "2018-12-04T12:05:51Z")
queryHistory function is used in Chart and it’s probably defined in gateway scripts, but they are missing in the project files. Can you please provide them? Thanks. ---
**Author:** ![mraybourn](https://avatars.discourse-cdn.com/v4/letter/m/7ba0ec/32.png) [@mraybourn](https://forum.inductiveautomation.com/u/mraybourn)\ **Post date:** [December 4, 2018, 11:06pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/16 "2018-12-04T23:06:42Z")
The download has been updated. I included the alarm and history scripts. ---
**Author:** ![plarochelle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/plarochelle/32/29608_2.png) [@plarochelle](https://forum.inductiveautomation.com/u/plarochelle)\ **Post date:** [December 11, 2018, 4:58pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/17 "2018-12-11T16:58:36Z")
Anyway we can get the header, navigation and main window for starting purposes? Thanks, Pete ---
**Author:** ![brian.mills](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/brian.mills/32/6348_2.png) [@brian.mills](https://forum.inductiveautomation.com/u/brian.mills)\ **Post date:** [December 11, 2018, 9:51pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/18 "2018-12-11T21:51:23Z")
I am not clear from the instructions where the best place to download the tags.json is, can you assist please? ---
**Author:** ![mraybourn](https://avatars.discourse-cdn.com/v4/letter/m/7ba0ec/32.png) [@mraybourn](https://forum.inductiveautomation.com/u/mraybourn)\ **Post date:** [December 11, 2018, 9:51pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/19 "2018-12-11T21:51:44Z")
Our header/navigation is complicated and would raise more questions than it answers, especially if you are just looking for a simple place to start, but I can give you some pointers. We use a combination of a Tab container and the Menu Tree component. Each Menu Tree has a binding to the items[] object that ends with a script transform, which then returns the array of items. If you drag that component out into a view, you can use the example structure provided to get a look at what you need to return in the binding. Each object in items[] can also include a nested items[] object, so that you can create deeper levels of navigation. For each end link in the tree, the “target” value in the item object should point to a page that you have set in your page configuration ("/pageURL"). A binding is also optional here, and you can simply provide the data for the items[] property directly in the designer. ---
**Author:** ![mraybourn](https://avatars.discourse-cdn.com/v4/letter/m/7ba0ec/32.png) [@mraybourn](https://forum.inductiveautomation.com/u/mraybourn)\ **Post date:** [December 11, 2018, 9:54pm UTC](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118/20 "2018-12-11T21:54:54Z")
The tags.json file is included with the .zip download file from the original post. [Next page](https://forum.inductiveautomation.com/t/ignition-8-online-demo-examples/21118.md?page=2)