Last Updated: 2019-09-17

How to use JSON to build the tabs and hover messages?

Building the tabs on the nav bar has been automated using 3 json files.

  1. param.json : this is used to create a dynamic title name for QUAutoML
  2. tabs.json : this is used to create tabs hover messages
  3. help.json : this is used to create case study tabs with hover message and the link to claat document.

How to use?

  1. This file should only contain one document called title_name which is a key and Admin can provide any value to it.
  2. If you look at below screens you will see Credit Risk is the value given in the picture
  3. {
  4. "title_name" : "Credit Risk"
  5. }

How to use ?

  1. Help json is an array of JSON documents used to dynamically build the tabs that is used for case study materials. This file is used in the frontend in the Java script to dynamically build the tabs for the users.
  2. Here you can add any number of tabs by just specifying the 3 things tabname, href, and tool tip text.

[

{

"tabname":"Case Study 1",

"href":"https://docs.qusandbox.com/credit-risk-case-part-i/#0",

"tooltip_text":"Go through part 1 of the document"

},

{

"tabname":"Case Study 2",

"href":"https://docs.qusandbox.com/credit-risk-case-part-ii/#0",

"tooltip_text":"Go through part 2 of the document"

}

.

.

.

]

How to use ?

  1. Tabs.json is used to update the hover messages to the tabs like test app, bulk prediction, model result and so on.
  2. Here keys are used as the id's of the html <li> tags so do not alter the key names.
  3. You can add any value to each key that will reflect as a user hover on the tabs.

{

"testapptab" : "Test the application here",

"bulktab" : "Upload a File or Choose from the Dataset Examples here to unlock the Facets",

"facetsoverviewtab" : "Click to view Facets Overview",

"facetsdivetab" : " IClick to view Facets Dive",

"configtab" : "Select one or more models to unlock the results",

"modelresulttab" : "Check your graph on the model you selected",

"downloadtab" : "Click here to view and download the results"

}