How customize a grid control

CaroR
edited July 9, 2021 in AppWorks #1

Hello,

I'm new to development with Appworks. The component "One to Many" (type Grid or Repeating Group) is not very sexy.

I have an entity named "FILE" linked to another entity named "RISK". A file can consist of several risks. In the DEFAULT form of the file, I would simply like to display the list of risks present on a file without having action bars, grid, columns ...

On the grid component, I saw an option named "Customize presentation" where we can add a script for custom implementation and Extensions.

How does it work ? Someone has already used it ? How ?

Thank you in advance for your help

Comments

  • Karen Weir
    Karen Weir E Community Administrator

    Hi @CaroR

    While we wait for the experts to comment, have you read through the Low Code Design Guide: page 265 defines the option to customize the user interface of the results panel. It also points to the  AppWorks Platform Advanced Development Guide for customizing the grid control (page 903)

  • Ethan Beisher
    Ethan Beisher E Community Moderator

    Please see this thread.

    However, what do you mean by "not very sexy"? I agree it is not completely customizable.

    However, there are several options you can use with grids or repeating groups combined with themes or CSS to make this type of relationship useable without resorting to JavaScript. Some of the advantages of using the low code method is you save a lot of time on development, you get immediate benefits when upgrading the product, and you benefit from such built in features as cross-browser compatibility and accessibility features.

  • Hello,

    @Karen Weir and @Ethan Beisher Thanks for your messages !

    I have read the documentation but unfortunately it is very succinct.

    There are more details on the "Advanded development guide" about Javascript solution but it's not very clear about how to implement it.

    Ethan, I agree with you to avoid using javascript as far as possible. If there is a solution to customize the CSS for this component, that would be perfect for me.

    Do you have examples of CSS customization solutions for this component?

    Thanks.

  • @sunil808 Do you also have this kind of need?

  • Ethan Beisher
    Ethan Beisher E Community Moderator

    @CaroR please see the "Creating a theme" section of Chapter 6 in the AppWorks Platform Low-Code Design Guide. Also see this article.

  • Thanks @Ethan Beisher ! I had already read chapter 6. The article indicated in your post enlightens me more!🧐