In the past we have learnt how to create our templates and position items in them. Now we need to know how to position the mrInterview tags so that we can see the questions and use the navigation buttons. This article shows us how to use the basic tags and what they do
In this article we will explain 4 tags, these tags will enable us to get the basic and essential information into our templates. The four tags are,
This tag defines the position of the interview title (defined in the IOM.Title property in the routing section), place the tag in your template at the point you want to see the text.
This tag defines the position of the banner (information) text , place the tag in the template at the point you want the text to appear on the page.
This tag defines the position of the question and its response list.
This tag defines the position of the navigation buttons.
If we where to add these tags to our example html file then the html code would look like this.
<mrPageTitle/>
| LOGO GOES HERE | |
| Footer Information | |
Now that we have our template we need to know how to connect it to our question or survey. To connect it to our survey we use the following code.
IOM.LayoutTemplate = "MyFirstTemplate.html"
What this means is that every question in our survey will be layed out in the same manner. The above code gives us the ability to add a GLOBAL template, but there will be times when we need to add a differenttemplate to a single question and this can be done with the following code
Q1.LayoutTemplate = "MyFirstTemplate.html"
So with the HTML file atteched to the survey and ready to go, we would end up with the following.
