Add a Tooltip in a Web Portal form

Is it possible on a form of the Angular Web Portal to show a description of the various fields to help the end-user understand how to fill them in?

In Manager/Designer the fields' description is visible through the Remark property and is displayed when you click on the "question mark" (start Help for database columns)

For example: field First name have Remark "Employee's first name".

Any suggestion how to show this information on Web Portal?

Parents
  • It looks like it's implemented in the  CDR-editor:

    projects\qbm\src\lib\cdr\cdr-editor\cdr-editor.component.ts

    /**
    * Gets the description of the cdr.
    * That can be the hint provided in the CDRs creation or the description of the column.
    */
    public get description() {
    // Preferably use CDR-level hint; if none is defined: use the metadata description field.
    return this.cdr?.hint || this.cdr?.column.GetMetadata().GetDescription();
    }

    (method) IEntityColumn.GetDisplayValue(): string
    Returns a user-friendly display string for the current data value.

    Tried it out:

    projects\qer\src\lib\identities\identity-sidesheet\identity-sidesheet.component.ts
    console.log(this.data.selectedIdentity.GetEntity().GetColumn('FirstName').GetMetadata().GetDescription())

    This returns: undefined

    I created an issue for this on the github repository:
    Metadata 'Description' fields missing from entityschema endpoint

Reply
  • It looks like it's implemented in the  CDR-editor:

    projects\qbm\src\lib\cdr\cdr-editor\cdr-editor.component.ts

    /**
    * Gets the description of the cdr.
    * That can be the hint provided in the CDRs creation or the description of the column.
    */
    public get description() {
    // Preferably use CDR-level hint; if none is defined: use the metadata description field.
    return this.cdr?.hint || this.cdr?.column.GetMetadata().GetDescription();
    }

    (method) IEntityColumn.GetDisplayValue(): string
    Returns a user-friendly display string for the current data value.

    Tried it out:

    projects\qer\src\lib\identities\identity-sidesheet\identity-sidesheet.component.ts
    console.log(this.data.selectedIdentity.GetEntity().GetColumn('FirstName').GetMetadata().GetDescription())

    This returns: undefined

    I created an issue for this on the github repository:
    Metadata 'Description' fields missing from entityschema endpoint

Children