Thank you for being a valued client of CM First Group. If you have any technical issues or concerns, please open a ticket on support.cmfirstgroup.com, email CM First technical support at support@cmfirstgroup.com or call us on our 24/7 customer hotline at +1 (512) 623-7586.

Follow

WebChildGrid Templates Manual

The WebChildGrid templates allow your grid controls to use all the available space from the panel without affecting others controls.

There are two versions based on the WebChildGrid template:

  1. The regular WebChildGrid template used in panels that don’t have more controls below the grid area
  2. The WebChildGridDetail template used in panels that have additional controls below the grid’s area

This manual will show you the steps to implement these templates in your projects

Considerations

  1. This control will only work in panels that have only one grid control so don’t use it if your panel has more than one grid control as this could cause unexpected results
  2. Before applying the template you must identify what version of this you need to use according to your function’s panel, so remember this:
    • Use the WebChildGrid template for panels that don’t have more controls below the grid area such as in the example below:

    • Use the WebChildGridDetail template for panels that have more controls below the grid area such as in the example below:

Instructions

  1. Extract the content from the “WebChildGrid templates.zip” file.

  2. Add the extracted files to your Custom Templates folder from your project

  3. Add the following code in the CSS file from your project.

  4. In CA PLEX create two functions:
    • Function WebChildGrid: add an implementation name triple with the value of “WebChildGrid”

    • Function WebChildGridDetail:  add an implementation name triple with the value of “WebChildGridDetail”

  5. In the functions where you will use the templates add the triple:

    <Your Function> is a FNC <Template Function>

    Replace <Your Function> with your function name and <Template Function> with one of the functions you created in step 3.

    Example 1:


    Example 2:


    REMEMBER: Use the template function according to your function panel, for more information see the point 2 from the considerations section.
  6. Change the property “Control Name” from the Grid, the format from the property “Control Name” must be

    <Your Grid Name>:GridArea: default”.

    Example:
    Grid1P:GridArea:default

  7. If you will use the “WebChildGridDetail” template you must change the property “Control Name” from all the controls below the grid area, the format from the property “Control Name” must be

    <Your Control Name>:BelowGridArea: default”.

  8. Generate you functions in Plex and test your changes in Eclipse

    Example using the WebChildGridDetail template:


    Example using the WebChildGrid template:
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk