Test Enterprise-Class Web CMS Scrivito Free for 30 Days
Test Scrivito Free for 30 Days


Indicates whether in-place editing is enabled or not.

if (Scrivito.isInPlaceEditingActive()) {
  return <span>In-place editing is active.</span>;




Boolean – true if the in-place editing controls are visible, otherwise false.


Needs to be called inside a Scrivito.load or Scrivito.connect code block because a Content Not Yet Loaded Error might occur otherwise.

See also



This method can be used, for example, to display a hint in editing mode. In the example below, an icon widget informs the editor of how to select an icon.

Scrivito.provideWidgetClass('IconWidget', {
  attributes: {
    icon: ['enum', { values: ['arrow-left', 'arrow-right', 'checkmark'] }],

Scrivito.provideEditingConfig('IconWidget', {
  title: 'Icon',
  description: 'A widget displaying an icon',

  attributes: {
    icon: {
      title: 'Icon',
      description: 'Select an icon',
      values: [
        { value: 'arrow-left', title: 'Right arrow' },
        { value: 'arrow-right', title: 'Left arrow' },
        { value: 'checkmark', title: 'Checkmark' },

  properties: [

Scrivito.provideComponent('IconWidget', ({ widget }) => {
  const icon = widget.get('icon');

  if (!icon) {
    if (Scrivito.isInPlaceEditingActive()) {
      return <span>Select an icon in the widget properties.</span>;

    return <span />;

  return <span className={ `icon ${icon}` } />;