Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
titleCss for customStates
div[akcustomstate*="alert"] {
    display: inline-flex;
    .custom-icon {
        display: inline-block;
        margin-left: 10px;
        padding-left: 20px;
        position: relative;

        i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            
            &::before {
                content: "\f071";
                font-family: 'Font Awesome 5 Pro';
                font-weight: 900;
                font-style: normal;
            }
        }
    }
}

div[akcustomstate*="bg"] {
    background-color: gray !important;
}


For CLAPI example, in sStammDetailOverviewForm EventAfterDisplay attribute we set $ akioma.osiv.StammDetailOverviewFormAfterDisplay(self);

Code Block
titleExamples from CLAPI
akioma.osiv.StammDetailOverviewFormAfterDisplay = function (Form) {

  // Maske als Read-Only setzen.
  const FormHelper = new akioma.osiv.FormHelper(Form);
  FormHelper.ReadOnly = true;

  const field = Form.getField('Stamm_Nr_nachname');
  //Set a customState on sstamm_nr_nachname field
  field.controller.setCustomState('alert');

  // Combo-Boxen deaktivieren.
  FormHelper.Field("sex").Enable        = false;
  FormHelper.Field("zivilstand").Enable = false;
  FormHelper.Field("elt_gewalt").Enable = false;

  return;
};