899942_en-US

liliconcom

How to create a interactive HTML with two tabs which change the chart image in one based on the value choosen in dropdown list

rpt = New Window("Image Gallery Report",

TabBox("Overlay Maps",

    H List Box(

 

        row1_hlist = V List Box(Text Box("Image Gallery from: " || "INTW.203P"),

        //Text Box("Found " || Char(N Items(image_files)) || " images"),

        

        Spacer Box(Size(0, 10))),

        

        Spacer Box(Size(0, 20)),

        

        // Second row label  

        row2_hlist = V List Box(Text Box("Image Gallery from: " || "INTW.103P"),

        //Text Box("Found " || Char(N Items(image_files)) || " images"),

        

        Spacer Box(Size(0, 10))),

        

        

        Spacer Box(Size(0, 20))

        

        

        

        

    ),

    

    "Indiviudal",

    

    H List Box(

    

    

        

         // Second row label  

        row3_hlist = V List Box(Text Box("DROPDOWN "),

        //Text Box("Found " || Char(N Items(image_files)) || " images"),

        myListbox = ComboBox(Lot_List, doListChoice),

        doListChoice = expr(

choice = myListbox << getSelected;

show(choice););

        

        Spacer Box(Size(0, 10)),

       

        report_conatiner = v list box()

       

        ),

        

        Spacer Box(Size(0, 20)),

        

        // Second row label  

        row5_hlist = V List Box(Text Box("Image Gallery from: " || "INTW.103P")

        //Text Box("Found " || Char(N Items(image_files)) || " images"),

        

       )

        

        

        

    )

    

    

    

    

    ),

 

   

    

);

 

 

I have got the report from above script but its not interactive and I am getting access error on report conatiner. Could you please help

Automation and ScriptingRe: How to create a interactive HTML with two tabs which change the chart image in one based on the value choosen in dropdown list

One more issue on the above script is in JSL report tab is creating but not in HTML report with below code

 

rpt << Save HTML("BSS.HTML", "BSS Report");

Re: How to create a interactive HTML with two tabs which change the chart image in one based on the value choosen in dropdown list

Not all the features work within interactive html and you might have to use different structure. 

Re: How to create a interactive HTML with two tabs which change the chart image in one based on the value choosen in dropdown list

Interactive Tabbed reports in 5 seconds - without issues?
-> use Application Builder 

 

Scripters Club 2024: Session 1 - Application Builder by @DonMcCormack 

One Multi-tabbed, Filterable Dashboard (2021-US-30MP-803)

Re: How to create a interactive HTML with two tabs which change the chart image in one based on the value choosen in dropdown list

Thanks Jarmo. Is it possible to create HTML report with dropdown box and change graph based on value chosen from dropdown box?

Re: How to create a interactive HTML with two tabs which change the chart image in one based on the value choosen in dropdown list

To get a Dropdown menu instead of Tabs, you can change the "Style" to "Combo":

 

 

 

edit:

but the exported HTML file doesn't use this setting - it will use Tab mode again:

Re: How to create a interactive HTML with two tabs which change the chart image in one based on the value choosen in dropdown list

For interactive html you usually have to create separate plots. For grouping I tend to utilize Tab Box

 

Names Default To Here(1); 

dt = open("$SAMPLE_DATA/Big Class.jmp");

gb1_expr = Expr(dt << Graph Builder(
	Show Control Panel(0),
	Variables(X(:weight), Y(:height), Overlay(:sex)),
	Elements(Points(X, Y, Legend(9)), Line Of Fit(X, Y, Legend(11)))
));


gb2_expr = Expr(dt << Graph Builder(
	Show Control Panel(0),
	Variables(X(:weight), Y(:height), Overlay(:age)),
	Elements(Points(X, Y, Legend(9)), Line Of Fit(X, Y, Legend(11)))
));

nw = New Window("My Report",
	tb = Tab Box(
		Tab Page Box("Report1",
			gb1_expr
		),
		Tab Page Box("Report2",
			gb2_expr
		)
	)
);
tb << Set Selected(1);

nw << Save Interactive HTML("$TEMP/DELETEME.html");
wait(0);
nw << close window;

Web("$TEMP/DELETEME.html");&nbsp;//&nbsp;open&nbsp;for&nbsp;demo&nbsp;purposes

And if you really want to "force" that type of selections, you can do it with some html and javascript

 

Re: How to create a interactive HTML with two tabs which change the chart image in one based on the value choosen in dropdown list

This is great thanks a million Jarmo. Is it possible to have button functionality to be work on HTML or it has to just Jmp report. 

Re: How to create a interactive HTML with two tabs which change the chart image in one based on the value choosen in dropdown list

I don't think you can have that type of functionality by just using JMP as most of the controls are not interactive in the html. You do have some limited capabilities with local data filter

Names Default To Here(1); 

dt = open("$SAMPLE_DATA/Big Class.jmp");

gb = New Window("", dt << Graph Builder(
	Size(525, 454),
	Show Control Panel(0),
	Variables(X(:weight), Y(:height), Overlay(:sex)),
	Elements(Points(X, Y, Legend(3))),
	Local Data Filter(
		Mode(Include(0)),
		Add Filter(columns(:sex), Display(:sex, N Items(2)))
	)
));

gb << Save Interactive HTML("$TEMP/deleteme.html");
wait(0);
gb << Close Window;
Web("$TEMP/deleteme.html");

If I have had need for something special like this, I have generally done it by using html + javascript which loads the pre-created JMP reports to iframe or something similar.