Using WorkWith HTML Editor Layout Object

Objective

There are cases in which developers want to change the disposition of elements inside WorkWith objects generated by K2BEntityServices. For this purpose K2BTools has a default layout that can be modified by the user. Using this object the developer can change how all Work With objects are generated. The developer can also create a copy of the object to change how some objects are generated.

This page shows how to modify the Layout Object used in the generation of Web Forms when the HTML generator is used.

Note: This page applies to WorkWith nodes where the "Edit Mode" property is different from "TwoPane".

How it works

In WorkWith nodes there is a property named "Layout Object". Its default value is "WWLayoutModern". You can edit the "WWLayoutModern" object or create a new web panel and set it as the "Layout Object".

Customizing Layout Objects

In order to customize the layout object, you must know which components K2BTools expects to be in the Web Panel.

Component Type Control Name Usage
DIV K2BSectionPgmDescriptionContainer Will be replaced by the WorkWith Title.
DIV K2BSectionFirstRowFixedDataContainer Will be replaced by the contents of the first row of the FixedData section (if any).
DIV K2BSectionBottomFixedDataContainer Will be replaced by the contents of the FixedData section (if any), except its first row.
DIV K2BSectionErrorViewerContainer Will be replaced by an error viewer.
DIV K2BSectionHiddenItemsContainer The hidden items generated will be placed here.
DIV K2BSectionFormSectionTopContainer Will be replaced by the contents of a FormSection with Layout = "Top", if it is present in the instance.
DIV K2BSectionFormSectionBottomContainer Will be replaced by the contents of a FormSection with Layout = "Bottom", if it is present in the instance.
DIV K2BSectionFormSectionLeftContainer Will be replaced by the contents of a FormSection with Layout = "Left", if it is present in the instance.
DIV K2BSectionFormSectionRightContainer Will be replaced by the contents of a FormSection with Layout = "Right", if it is present in the instance.
DIV K2BSectionActionsLeftContainer Will be replaced by a table containing the Action nodes with Layout = "Top (Left)".
DIV K2BSectionActionsTopContainer Will be replaced by a table containing the Action nodes with Layout = "Top".
DIV K2BSectionActionsRightContainer Will be replaced by a table containing the Action nodes with Layout = "Top (Right)".
DIV K2BSectionActionsBottomContainer Will be replaced by a table containing the Action nodes with Layout = "Bottom".
DIV K2BSectionGridContainer Will be replaced by the WorkWith grid.
DIV K2BSectionFiltersContainer Will be replaced by the contents of the Filters node in the instance.
DIV K2BSectionOrderedByContainer Will be replaced by the contents of the Orders node in the instance.
DIV K2BSectionPagingPageCountContainer Will be replaced by the grid's page count textblock (showing the current and last pages).
DIV K2BSectionPagingRightContainer Will be replaced by pagination "right" (next, last) buttons.
DIV K2BSectionPagingLeftContainer Will be replaced by pagination "left" (previous, first) buttons.
DIV K2BSectionRuntimeColumnsManagerContainer Will be replaced by the runtime column selection controls if grid settings is not used.