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
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: Filtering Data
6.1: Simple Filters
6.2 Multiple Filters
6.3 Date Range Filters
6.4 Advanced Filters
Lesson 7: Introduction to Web Panel Designer
7.1: Creating the customer selection grid
7.2: Adding a Select Customer action
7.3: Create the detailed view for the selected customer
7.4: Create the invoices grid
7.5: Add custom code to the Events
Lesson 8: Multiple Selection with Web Panel Designer
8.1: Adding a Multiple Selection node
8.2: Viewing the shopping cart total
8.3: Customer selection
8.4: Purchase action
8.5: Displaying a confirmation screen if the purchase exceeds $500
Lesson 9: Creating grids from Data Providers in Web Panel Designer
9.1: Creating a Web Panel with a grid based on a Data Provider
Lesson 10: Improving the UI using Dynamic Layouts
Exercise 10.1: Simple Customers List
Exercise 10.2: Simple Product List
Exercise 10.3: Inside a Dynamic Layout
Exercise 10.4: Changing the Dynamic Layout of a Grid
Lesson 11: Creating a multi-level menu with K2BTools
Exercise 11.1 - Creating a Menu Object
Exercise 11.2 - Using the generated menu
Exercise 11.3 - Using Menu Sublevels
Exercise 11.4 - Using icons in menu options
Exercise 11.5 - Configuring the menu’s RWD properties
Lesson 12: Integrating GAM
Exercise 12.1 - Importing the GAM integration module
Exercise 12.2 - Executing the GAM integration module
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 WebForm. 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 itisnes
CREATED: 19 MAY 2017 02:07 PM -
LAST UPDATE: 13 DECEMBER 2018