Setting height of ion-item / quill editor

@andyhb wrote:

Hi,

I have a page within my app that basically holds a quill editor (ngx-quill) component my html is as follows:

<ion-header>
  <ion-toolbar>
    <ion-title>{{ "Label.Finding" | translate }} </ion-title>
    <ion-buttons slot="primary">
        <ion-button color="secondary" (click)="dismiss()">
            <ion-icon slot="icon-only" name="close"></ion-icon>
        </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ion-content>
    <quill-editor
        [(ngModel)]="finding"
        placeholder="{{ 'Fieldname.Finding' | translate }}"
    >
    </quill-editor>
</ion-content>
<ion-footer>
    <ion-toolbar>
        <ion-buttons slot="end">
            <ion-button (click)="save()" translate>Generic.Submit</ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-footer>

My problem is that I can’t find a way to control the height of the input component, ideally I would like the input box to fill the available space top to bottom, however worst case scenario I would just like to increase the height to give the user more available room to complete the input??

Posts: 6

Participants: 2

Read full topic