JavaScript PDF Form Designer

The UI allows each form field present on a current document page to be fillable by users — regardless of if it was originally present on the document or if it was added using the programmatic API as outlined in this guide.

If you want to allow your users to adjust the placement of the form elements or resize them, you’ll have to activate the form design mode.

Launch Demo

You can do this by setting the ViewState#formDesignMode property to true:

// Set form design mode during initialization.
PSPDFKit.load({
	// Your configuration.
	...configuration,
	initialViewState: new PSPDFKit.ViewState({ formDesignMode: true }),
});

// Or set it after the instance has been created.
PSPDFKit.load(configuration).then((instance) => {
	instance.setViewState((viewState) => viewState.set('formDesignMode', true));
});