D-Net

<div id="page_content">

<div id="page_content_inner">

  <div id="newPageHelpContent" class="uk-card uk-card-default uk-padding">

    <div id="content">

      <div class="menubar fixed">

        <div class="sidebar-toggler visible-xs">

          <i class="ion-navicon"></i>

        </div>

        <h4 class="uk-text-bold">

          <span >New help text <span *ngIf="page && page.name">of page "{{page.name}}"</span></span>

        </h4>

      </div>

      <div class="content-wrapper">

        <div>

          <!-- <div *ngIf="errorMessage" class="uk-alert-danger" uk-alert>{{errorMessage}}</div> -->

          <div *ngIf="errorMessage" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>

          <div [style.display]="showLoading ? 'inline' : 'none'" class="uk-animation-fade uk-width-1-1" role="alert">

            <img class="uk-align-center loading-gif"></div>

          <page-content-form [communityPid]="communityPid" [pageId]="pageId" [page]="page"

                             [updateErrorMessage]="updateErrorMessage"></page-content-form>

          <button (click)="saveCustom()" class="uk-button uk-button-primary uk-margin-small-right">Save help text

          </button>

          <button (click)="cancelCustom()" class="uk-button">Cancel</button>

        </div>

      </div>

    </div>

  </div>

</div>

</div>