Add a category
Add a group
CREATE NEW PAGE
Before you start
Lesson 1: K2B Entity Services Pattern
1.1: K2B Entity Services basic usage
1.2: Loading Data
1.3: Advanced Features
1.4: Edit Mode
1.5: Improving your Entity Managers
Lesson 2: Customizing your application
2.1: Customizing objects generated with K2BEntityServices
2.2: Using K2BTrnForm
2.3: Advanced properties in forms
2.4: Multi-level transactions
2.5: Summing Up
Lesson 3: K2BPrompt Pattern
3.1: Applying K2BPrompt
3.2: Inserting elements from prompt
Lesson 4: Responsive Web Design
4.1: Experimenting with Responsive Web Design
4.2: ShowInX Properties
4.3: Responsive Sizes property
Lesson 5: Adding actions in K2BTools patterns
5.1: In-Grid Actions
5.2: Multirow actions
Lesson 6: Introduction to Web Panel Designer
6.1: Creating the customer selection grid
6.2: Create the detailed view for the selected customer
6.3: Create the invoices grid
6.4: Improving the design
6.5: Add custom code to the Events
Lesson 7: Creating grids from Data Providers in Web Panel Designer
7.1: Creating a Web Panel with a grid based on a Data Provider
Lesson 8: Filtering Data
8.1: Generic Filters
8.2: Simple Filters
8.3 Multiple Filters
8.4 Date Range Filters
8.5 Advanced Filters
8.6 Numeric Filters
8.7 Column Filters
Lesson 9: Improving the UI using Dynamic Layouts
Exercise 9.1: Simple Customers List
Exercise 9.2: Simple Product List
Exercise 9.3: Inside a Dynamic Layout
Exercise 9.4: Changing the Dynamic Layout of a Grid
Lesson 10: Business Analysis View
Exercise 10.1 - Adding a Business Analysis View to a grid
Exercise 10.2 - Improving the UI of the Business Analysis View
Lesson 11: Design System Configuration
Exercise 11.1 - Design System Configuration basic usage
Exercise 11.2 - Customizing the Design System
Lesson 12: Selection Summary in grids
Exercise 12.1 - Selection Summary Usage
Lesson 13: Wizard user interfaces
Exercise 11.1 - Design System Configuration basic usage?
Exercise 11.2 - Customizing the Design System?
Lesson 14: Integrating GAM
Exercise 14.1 - Importing the GAM integration module
Exercise 14.2 - Executing the GAM integration module
Lesson 15: Creating a multi-level menu with K2BTools
Exercise 15.1 - Creating a Menu Object
Exercise 15.2 - Using the generated menu
Exercise 15.3 - Using Menu Sublevels
Exercise 15.4 - Using icons in menu options
Exercise 15.5 - Configuring the menu’s RWD properties
K2BTools Tutorial - Exercise 10.3: Inside a Dynamic Layout
This documentation is valid for:
In this exercise you will see how dynamic layouts work and how you can change their user interface.
Open the "ProductList" WebPanel.
Go to the "Content" Node.
Run the "Open Dynamic Layout" action.
Open Dynamic Layout Action
See the "Components" section. In this section the dynamic layout's content is declared.
Go to the "Web Layout" tab. In this part the developer specifies where the components are located in the user interface and how are going to be visualized.
Swap the Variable_Photo with the Varible_Title so that the Variable_Photo appears on top of the Title.
Changing the UI of a Dynamic Layout
Save the Dynamic Layout.
On the contextual menu of the dynamic layout, select the "Update Related Panels" action.
Update Related Panels
Build and see in runtime how both Product and Customer lists now show the image on top of the title.
Was this page helpful?
Your feedback about this content is important. Let us know what you think.
Thank you for your feedback!
More from jreyes
CREATED: 19 MAY 2017 02:07 PM -
LAST UPDATE: 25 FEBRUARY 2021