Learn HTML : mrInterview Tags (mrNavbar / mrNavButton)

We have created our templates and added our question tags in them, the last thing we need to do is to give our users a way of navigating the survey. To do this we need to add the mrNavBar tag into out template. This article tells us all we need to know.As before we will use our example template.

 
 
 
   
   
   
   
   
   

 
LOGO GOES HERE
 
 

 
 

          
   
 
 

 
 
Footer Information
 
 
 
 

 The navigation tag can be written two ways or [Text] if we use the second method the text is any text of your choice. The interviewing program ignores this text, but it is useful if you want to test your template by opening the .htm file in your browser or with a program such as FrontPage. In this case the text will be displayed in the position and with the attributes defined in the file.

If you would like more control over the navigation buttons, you can use the tag to specify which buttons you want to display and where, and the labels to use for each button. To display an individual navigation button, optionally with a label of your choice, place the following statement in the layout template:

[Text]

where

• name is the button’s internal name and is one of Next, Prev, Stop, First, Last, or Goto.
• label is the text to display on the button. The default is to display the button’s internal name.
• filename is the name of the image file to display when the button is available (enabled) or unavailable (disabled) for use. Enabling or disabling a button in this way overrides the specification for the image in the interviewing program itself.
• Text is any text of your choice. The interviewing program ignores this text, but it is useful if you want to test your template by opening the .htm file in your browser or with a program such as FrontPage. In this case the text will be displayed in the position and with the attributes defined in the file.

For example:

so putting it all together we would end up with

 
 
 
   
   
   
   
   
   

 
LOGO GOES HERE
 
 

 
 

          
   
 
 

        
   
 
 
Footer Information
 
 
 
 

would produce something like this.