Use pages as categories in property grid instead of panels

surveyjs / survey-creator

Scalable open-source survey software to generate dynamic JSON-driven forms within your JavaScript application. The form builder features a drag-and-drop UI, CSS Theme Editor, and GUI for conditional logic and form branching.

https://surveyjs.io/open-source

Other

899 stars 370 forks source link

Use pages as categories in property grid instead of panels #5693

Closed andrewtelnov closed 2 days ago

andrewtelnov commented 2 months ago

New property grid design (currently as optional). It will show only one category at once and has the category placed vertically as list of icons.

mikeamelin commented 3 weeks ago

[x] no placeholder https://www.figma.com/design/SSMZUWJve1zuMSeA5E5YpA/CTR--%3E-Creator-Preview?node-id=2696-77782&t=U0wTGvprgkApcpoC-4
[x] property grid title still has old design https://www.figma.com/design/SSMZUWJve1zuMSeA5E5YpA/CTR--%3E-Creator-Preview?node-id=2696-78076&t=U0wTGvprgkApcpoC-4
[x] no hover
[x] cursor should be HAND
[x] property grid's group is not selected for added question
[x] collapsed grid should not have selected item and a group should be opened on click https://www.figma.com/design/SSMZUWJve1zuMSeA5E5YpA/CTR--%3E-Creator-Preview?node-id=2696-79189&t=U0wTGvprgkApcpoC-4
[ ] these icons should be on the one line (move to https://github.com/surveyjs/private-tasks/issues/376)
[x] wrong background + border
[x] double border

JaneSjs commented 2 weeks ago

[ ] Theme Editor - Large gaps around property editors within the Appearance section (move to https://github.com/surveyjs/private-tasks/issues/376)

mikeamelin commented 2 weeks ago

[x] during the searching an icon should be changed
[x] double border in the collapsed state
[x] this background is not bad, but I care about right variable, and for that theme it should be another color (gray)

[x] the icon is not swapped

https://github.com/user-attachments/assets/1b594ba5-19f6-4f56-a0c7-41ecc3e0376d

[x] mobile view https://www.figma.com/design/SSMZUWJve1zuMSeA5E5YpA/CTR--%3E-Creator-Preview?node-id=3117-25722&t=1CpN3S4VyXrHGYPc-4

RomanTsukanov commented 1 week ago

Change the text in the empty property grid:

Start configuring your form Click any category icon to explore survey settings. Additional settings will become available once you add a survey element to the design surface.