Configuration

Customize qlik-script-editor to fit your development workflow and preferences.

Basic Configuration

Essential properties to get started with customizing the editor

heightstring | number

Set the height of the editor. Can be a CSS string or pixel value.

<QlikEditor height="400px" />
<QlikEditor height={600} />
<QlikEditor height="50vh" />

widthstring | number

Set the width of the editor. Defaults to 100%.

<QlikEditor width="100%" />
<QlikEditor width={800} />
<QlikEditor width="80vw" />

placeholderstring

Text to display when the editor is empty.

<QlikEditor 
  placeholder="Enter your Qlik script here..." 
/>

readOnlyboolean

Make the editor read-only. Useful for displaying code samples.

<QlikEditor 
  readOnly={true}
  value="LOAD * FROM DataSource;" 
/>

Documentation