Question T16932
Visible to All Users
Duplicate

We have closed this ticket because another page addresses its subject:

property list & sidebar disable

How do I hide the property grid panel (and its expand/collapse button) in survey creator V2?

created a year ago

I am trying to setup a very bare-bones survey creator experience, so this https://surveyjs.io/survey-creator/documentation/property-grid-customization is too granular for us.
Thank you very much

Answers approved by surveyjs Support

created a year ago

Hello Martin,
Disable the creator.showSidebar option to hide the Properties panel. Additionally, you can remove the settings button from a creator's toolbar and question adorners.

  • To remove the Show settings and expand the grid buttons, get target actions from the creator.toolbar.actions collection and remove it.
JavaScript
let expandSettingsAction = creator.toolbar.actions.indexOf(creator.toolbar.actions.find(action => action.id === 'svd-grid-expand')) creator.toolbar.actions.splice(expandSettingsAction, 1); let settingsAction = creator.toolbar.actions.indexOf(creator.toolbar.actions.find(action => action.id === 'svd-settings')); creator.toolbar.actions.splice(settingsAction, 1);

For more information on how to customize Survey Creator actions, refer to the following demo: Toolbar customization.

JavaScript
creator.onDefineElementMenuItems.add((sender, options) => { let settingsItemIndex = options.items.indexOf(options.items.find(item => item.id === 'settings')); options.items.splice(settingsItemIndex); });

For more information on how to customize question actions, refer to the following demo: Create Custom Adorners.

Now, the Survey Creator appears as follows: users cannot activate the Properties panel.
Clipboard-File-1.png

I created the following demo for your reference: View Plunker. Hope it helps.