App Builder Column Templates - How To Use Them

How to build your own Column Template for each of the Grid Columns in App Builder™ and change the grid’s look and feel? With the new Grid Column Templating capability. Imagine that you have a data source that has different fields for First and Last name, and Address details like - street, city, and postal code. With the latest App Builder 23.1 Release, you can now combine all of them into one Cell Display value and reduce the visible columns. And in this App Builder webinar on Column Templates, we will demonstrate how to handle similar things. Quick Webinar Overview: • Introduction to Grids • Understanding Column Templates • Types of Column Templates • Building Column Templates • Dynamic Content and Data Binding • Styling and Layout Customization • Handling Interactivity In this how-to App Builder tutorial, we will: • Show you how to create a basic grid using App Builder™. • Convert it into a template, so we can customize it further. • Delete columns that we don’t need. • Create a custom column that is not bound to anything and give it a custom name. • Use the new Custom Templates capability to customize the content and layout of these custom columns. For the purpose of the video, we will use: • One column template for the display. • And another one that handles what it should look like when you’re editing a particular cell. What else can you do with the new Column Template capability: • URL data fields can now be associated with a custom Image component. • Show a Rating component and give a visual clue on certain numeric values. • Provide a more visual way to indicate that certain column contains Phone numbers. Other valuable resources: What is App Builder – www.infragistics.com/products/appbuilder What’s New In App Builder 23.1 Release - www.infragistics.com/community/blogs/b/infragistic… #AppBuilder #LowCodeDevelopment #ColumnTemplate

• #science_technology
• #app_builder
• #low_code_development
• #column_templates
• #app_builder_tutorial