Level: Intermediate
Peter Mroz, Statistical Programmer, Janssen Pharmaceutical
Justin Chilton, JMP Senior Associate Test Engineer, SAS


The user interface of an application should be easy to understand and use. Good user interfaces will result in engaged users, fewer frustrations and great user experiences. This talk will focus on how to supercharge your user interfaces using a variety of techniques in JSL. Most people are familiar with using the JMP data table to display and interact with a grid of values. If you delve into JSL, you will discover that you can do similar things by using an object called a Table Box. You can populate a Table Box with the String Col Box, String Col Edit Box, Number Col Box, Number Col Edit Box, Check Box and Radio Box objects. What if you want to display text in different fonts, styles or sizes, or change the foreground or background colors in the Table Box grid? What if you want to display a column of clickable buttons? What if you want to display a column of icons representing the status of a row? Or how about a column of mini-graphs? The Col Box is the answer! The Col Box is a special type of column object that can contain any other display box. Having this ability allows you to improve the user interfaces of your applications. This talk will show numerous examples of how to use the Col Box display object, as well as an implementation in a real-world application that greatly improved usability. In addition, we will show other supercharging techniques, including using icons in buttons and menus for more intuitive actions, using hover-help or tooltips, using tabs to declutter things, and providing search functionality for long picklists to speed selection.

Presentation materials are also available on GitHub: Supercharge Your User Interfaces in JSL

Supercharge Your User Interfaces in JSL_Page_01.jpg Supercharge Your User Interfaces in JSL_Page_02.jpg Supercharge Your User Interfaces in JSL_Page_03.jpg Supercharge Your User Interfaces in JSL_Page_04.jpg Supercharge Your User Interfaces in JSL_Page_05.jpg Supercharge Your User Interfaces in JSL_Page_06.jpg Supercharge Your User Interfaces in JSL_Page_07.jpg Supercharge Your User Interfaces in JSL_Page_08.jpg Supercharge Your User Interfaces in JSL_Page_09.jpg Supercharge Your User Interfaces in JSL_Page_10.jpg Supercharge Your User Interfaces in JSL_Page_11.jpg Supercharge Your User Interfaces in JSL_Page_12.jpg Supercharge Your User Interfaces in JSL_Page_13.jpg Supercharge Your User Interfaces in JSL_Page_14.jpg Supercharge Your User Interfaces in JSL_Page_15.jpg Supercharge Your User Interfaces in JSL_Page_16.jpg Supercharge Your User Interfaces in JSL_Page_17.jpg Supercharge Your User Interfaces in JSL_Page_18.jpg Supercharge Your User Interfaces in JSL_Page_19.jpg Supercharge Your User Interfaces in JSL_Page_20.jpg Supercharge Your User Interfaces in JSL_Page_21.jpg Supercharge Your User Interfaces in JSL_Page_22.jpg Supercharge Your User Interfaces in JSL_Page_23.jpg Supercharge Your User Interfaces in JSL_Page_24.jpg Supercharge Your User Interfaces in JSL_Page_25.jpg Supercharge Your User Interfaces in JSL_Page_26.jpg Supercharge Your User Interfaces in JSL_Page_27.jpg Supercharge Your User Interfaces in JSL_Page_28.jpg Supercharge Your User Interfaces in JSL_Page_29.jpg Supercharge Your User Interfaces in JSL_Page_30.jpg Supercharge Your User Interfaces in JSL_Page_31.jpg Supercharge Your User Interfaces in JSL_Page_32.jpg Supercharge Your User Interfaces in JSL_Page_33.jpg Supercharge Your User Interfaces in JSL_Page_34.jpg Supercharge Your User Interfaces in JSL_Page_35.jpg Supercharge Your User Interfaces in JSL_Page_36.jpg Supercharge Your User Interfaces in JSL_Page_37.jpg Supercharge Your User Interfaces in JSL_Page_38.jpg Supercharge Your User Interfaces in JSL_Page_39.jpg Supercharge Your User Interfaces in JSL_Page_40.jpg Supercharge Your User Interfaces in JSL_Page_41.jpg Supercharge Your User Interfaces in JSL_Page_42.jpg Supercharge Your User Interfaces in JSL_Page_43.jpg

Published on ‎03-24-2025 08:52 AM by Community Manager Community Manager | Updated on ‎04-08-2025 09:07 AM

Level: Intermediate
Peter Mroz, Statistical Programmer, Janssen Pharmaceutical
Justin Chilton, JMP Senior Associate Test Engineer, SAS


The user interface of an application should be easy to understand and use. Good user interfaces will result in engaged users, fewer frustrations and great user experiences. This talk will focus on how to supercharge your user interfaces using a variety of techniques in JSL. Most people are familiar with using the JMP data table to display and interact with a grid of values. If you delve into JSL, you will discover that you can do similar things by using an object called a Table Box. You can populate a Table Box with the String Col Box, String Col Edit Box, Number Col Box, Number Col Edit Box, Check Box and Radio Box objects. What if you want to display text in different fonts, styles or sizes, or change the foreground or background colors in the Table Box grid? What if you want to display a column of clickable buttons? What if you want to display a column of icons representing the status of a row? Or how about a column of mini-graphs? The Col Box is the answer! The Col Box is a special type of column object that can contain any other display box. Having this ability allows you to improve the user interfaces of your applications. This talk will show numerous examples of how to use the Col Box display object, as well as an implementation in a real-world application that greatly improved usability. In addition, we will show other supercharging techniques, including using icons in buttons and menus for more intuitive actions, using hover-help or tooltips, using tabs to declutter things, and providing search functionality for long picklists to speed selection.

Presentation materials are also available on GitHub: Supercharge Your User Interfaces in JSL

Supercharge Your User Interfaces in JSL_Page_01.jpg Supercharge Your User Interfaces in JSL_Page_02.jpg Supercharge Your User Interfaces in JSL_Page_03.jpg Supercharge Your User Interfaces in JSL_Page_04.jpg Supercharge Your User Interfaces in JSL_Page_05.jpg Supercharge Your User Interfaces in JSL_Page_06.jpg Supercharge Your User Interfaces in JSL_Page_07.jpg Supercharge Your User Interfaces in JSL_Page_08.jpg Supercharge Your User Interfaces in JSL_Page_09.jpg Supercharge Your User Interfaces in JSL_Page_10.jpg Supercharge Your User Interfaces in JSL_Page_11.jpg Supercharge Your User Interfaces in JSL_Page_12.jpg Supercharge Your User Interfaces in JSL_Page_13.jpg Supercharge Your User Interfaces in JSL_Page_14.jpg Supercharge Your User Interfaces in JSL_Page_15.jpg Supercharge Your User Interfaces in JSL_Page_16.jpg Supercharge Your User Interfaces in JSL_Page_17.jpg Supercharge Your User Interfaces in JSL_Page_18.jpg Supercharge Your User Interfaces in JSL_Page_19.jpg Supercharge Your User Interfaces in JSL_Page_20.jpg Supercharge Your User Interfaces in JSL_Page_21.jpg Supercharge Your User Interfaces in JSL_Page_22.jpg Supercharge Your User Interfaces in JSL_Page_23.jpg Supercharge Your User Interfaces in JSL_Page_24.jpg Supercharge Your User Interfaces in JSL_Page_25.jpg Supercharge Your User Interfaces in JSL_Page_26.jpg Supercharge Your User Interfaces in JSL_Page_27.jpg Supercharge Your User Interfaces in JSL_Page_28.jpg Supercharge Your User Interfaces in JSL_Page_29.jpg Supercharge Your User Interfaces in JSL_Page_30.jpg Supercharge Your User Interfaces in JSL_Page_31.jpg Supercharge Your User Interfaces in JSL_Page_32.jpg Supercharge Your User Interfaces in JSL_Page_33.jpg Supercharge Your User Interfaces in JSL_Page_34.jpg Supercharge Your User Interfaces in JSL_Page_35.jpg Supercharge Your User Interfaces in JSL_Page_36.jpg Supercharge Your User Interfaces in JSL_Page_37.jpg Supercharge Your User Interfaces in JSL_Page_38.jpg Supercharge Your User Interfaces in JSL_Page_39.jpg Supercharge Your User Interfaces in JSL_Page_40.jpg Supercharge Your User Interfaces in JSL_Page_41.jpg Supercharge Your User Interfaces in JSL_Page_42.jpg Supercharge Your User Interfaces in JSL_Page_43.jpg



Start:
Mon, Oct 8, 2018 09:00 AM EDT
End:
Fri, Oct 12, 2018 05:00 PM EDT
Attachments
0 Kudos