The a!isNativeMobile() function should only be used to define behaviors that are dependent on whether or not the mobile app is being used. This makes it perfect for defining behavior based on whether or not a user is on the Appian for Mobile Devices app, such as checking for users not on the app and showing them a link that redirects them to download Appian for Mobile Devices. This function returns true when a user is on the mobile app and false if they're on a mobile or desktop browser. However, if your interface will be viewed at various page widths, use a!isPageWidth() and stack when to help you achieve a responsive UI.Īppian also has the a!isNativeMobile function, which determines if the interface is being viewed on the Appian for Mobile Devices application. If you're designing simple interfaces that are intended to be used on a single page width, these default behaviors should be sufficient. When should I use this?īy default, columns stack at phone width and side by side items never stack. To use the parameter in Expression Mode, list all the widths at which you want to stack the side by side or columns layouts.įor both the a!isPageWidth() function and the stack when parameter, you can choose from a list of form factors that represent a range of widths for most devices. To use the stack when parameter in Design Mode, choose one of the value options like "Tablet Portrait or Narrower" to not only stack at the page width specified, but at all narrower page widths. It works the same on desktop and mobile browsers, and the mobile app. The stack when parameter allows you to control the vertical stacking behavior of columns or side by side items based on the width of the user's page. To use the function, write if statements to define the page widths at which you want the component behavior to change. The a!isPageWidth() function checks the page width (not window width) and allows you to conditionally change any component behavior or display different adaptive layouts based on that width. In Appian, you can design responsive interfaces that look great on screens from small phones to large desktops by using the a!isPageWidth() function and the stack when parameter. Responsive interfaces adjust their components to fit the available space on a variety of page widths.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |