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_01.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13067i949D381F8B5FECD3/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_02.jpg Supercharge Your User Interfaces in JSL_Page_02.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13064iA8A72BBA66DEBE7E/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_03.jpg Supercharge Your User Interfaces in JSL_Page_03.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13066iE55811F402B69A9B/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_04.jpg Supercharge Your User Interfaces in JSL_Page_04.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13065iB4F353EB77475146/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_05.jpg Supercharge Your User Interfaces in JSL_Page_05.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13068i30E2929BF1957070/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_06.jpg Supercharge Your User Interfaces in JSL_Page_06.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13069i7A686E9528C8B58E/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_07.jpg Supercharge Your User Interfaces in JSL_Page_07.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13070iA30538578EB6E315/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_08.jpg Supercharge Your User Interfaces in JSL_Page_08.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13071i9FF0B7C128B97FAE/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_09.jpg Supercharge Your User Interfaces in JSL_Page_09.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13072i336A1783C8983704/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_10.jpg Supercharge Your User Interfaces in JSL_Page_10.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13073iE18B07F0C1BC32EE/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_11.jpg Supercharge Your User Interfaces in JSL_Page_11.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13074i9D3476F618D272B1/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_12.jpg Supercharge Your User Interfaces in JSL_Page_12.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13075i96C2F7C6ECBE29E4/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_13.jpg Supercharge Your User Interfaces in JSL_Page_13.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13076i2525C9F0EACC4BE8/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_14.jpg Supercharge Your User Interfaces in JSL_Page_14.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13077i41972E63CFD3DAD9/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_15.jpg Supercharge Your User Interfaces in JSL_Page_15.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13078i3F99FDC28B40E0F8/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_16.jpg Supercharge Your User Interfaces in JSL_Page_16.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13079i7F5F3C66534BB9AF/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_17.jpg Supercharge Your User Interfaces in JSL_Page_17.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13080i135D5E89E6C73425/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_18.jpg Supercharge Your User Interfaces in JSL_Page_18.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13081i7F904832921DD678/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_19.jpg Supercharge Your User Interfaces in JSL_Page_19.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13082iB23AF6660EAB6DBB/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_20.jpg Supercharge Your User Interfaces in JSL_Page_20.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13083iC245C4B4E1220CEB/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_21.jpg Supercharge Your User Interfaces in JSL_Page_21.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13084i9A8E14509B13D06B/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_22.jpg Supercharge Your User Interfaces in JSL_Page_22.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13085iEACA48BEBFA42C1D/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_23.jpg Supercharge Your User Interfaces in JSL_Page_23.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13086iEDF0570C2138B8D4/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_24.jpg Supercharge Your User Interfaces in JSL_Page_24.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13087i6A2B7A5972E4C3AE/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_25.jpg Supercharge Your User Interfaces in JSL_Page_25.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13089i3DDA052AB7D9DC25/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_26.jpg Supercharge Your User Interfaces in JSL_Page_26.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13088i2D958EE95710A745/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_27.jpg Supercharge Your User Interfaces in JSL_Page_27.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13090i1ABE3040C10EF8BE/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_28.jpg Supercharge Your User Interfaces in JSL_Page_28.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13091iAE235DDF0DF30E87/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_29.jpg Supercharge Your User Interfaces in JSL_Page_29.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13092i83A4DB1F61487EC2/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_30.jpg Supercharge Your User Interfaces in JSL_Page_30.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13093iF5F7294F4ADB668D/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_31.jpg Supercharge Your User Interfaces in JSL_Page_31.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13094i03133E94505B6304/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_32.jpg Supercharge Your User Interfaces in JSL_Page_32.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13095i1DA9CE76D664ACF6/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_33.jpg Supercharge Your User Interfaces in JSL_Page_33.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13096i94100F01177CE77E/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_34.jpg Supercharge Your User Interfaces in JSL_Page_34.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13097i3FE00C702C0B2B4C/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_35.jpg Supercharge Your User Interfaces in JSL_Page_35.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13098iBF3B98B2DCA49D96/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_36.jpg Supercharge Your User Interfaces in JSL_Page_36.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13099i7B23B2F1EA0C0B7E/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_37.jpg Supercharge Your User Interfaces in JSL_Page_37.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13100i276A0A91215FE42C/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_38.jpg Supercharge Your User Interfaces in JSL_Page_38.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13101iA3F972E8E008585D/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_39.jpg Supercharge Your User Interfaces in JSL_Page_39.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13102i0B7282497C368821/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_40.jpg Supercharge Your User Interfaces in JSL_Page_40.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13103iDCD9F5530F54AE08/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_41.jpg Supercharge Your User Interfaces in JSL_Page_41.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13104i1551E72828AC6DC1/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_42.jpg Supercharge Your User Interfaces in JSL_Page_42.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13105iBC7A47AB800ADCE9/image-size/medium?v=v2&px=400)
![Supercharge Your User Interfaces in JSL_Page_43.jpg Supercharge Your User Interfaces in JSL_Page_43.jpg](https://community.jmp.com/t5/image/serverpage/image-id/13106i1373D8D4F0664005/image-size/medium?v=v2&px=400)