Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Improve questions layouting #5178

Closed
RomanTsukanov opened this issue Nov 3, 2022 · 1 comment · Fixed by #8574 or surveyjs/survey-creator#5702
Closed

Improve questions layouting #5178

RomanTsukanov opened this issue Nov 3, 2022 · 1 comment · Fixed by #8574 or surveyjs/survey-creator#5702
Assignees
@tsv2013 @OlgaLarina
Labels
enhancement
Milestone
v1.11.8

Comments

@RomanTsukanov
Copy link
Contributor

https://plnkr.co/edit/wu7Rw9kidBAzlSsB

As you can see, all input fields in the plunk above have different width, which doesn't look nice. It would be great if we added a capability to synchronize the width of input fields, either by default or using an option.
OlgaLarina pushed a commit that referenced this issue Jun 11, 2024
work for #5178 Set the same width values to input fields when titleLo…
1fa25ed 
…cation is left
OlgaLarina pushed a commit that referenced this issue Jun 17, 2024
work for #5178 Set the same width values to input fields when titleLo…
ecd042a 
…cation is left
OlgaLarina pushed a commit to surveyjs/survey-creator that referenced this issue Jun 17, 2024
work for surveyjs/survey-library#5178 add localization strings
651e194
OlgaLarina added a commit to surveyjs/survey-creator that referenced this issue Jun 18, 2024
@OlgaLarina
Add question title width definition (#5584)
907c53c 
* add questionTitleWidth definition

* work for surveyjs/survey-library#5178 add localization strings

---------

Co-authored-by: OlgaLarina <olga.larina.dev@gmail.com>
OlgaLarina pushed a commit that referenced this issue Jun 21, 2024
work for #5178 Set the same width values to input fields when titleLo…
4a06f06 
…cation is left
OlgaLarina pushed a commit that referenced this issue Jun 24, 2024
work for #5178 Set the same width values to input fields when titleLo…
5dbe0ba 
…cation is left
OlgaLarina pushed a commit that referenced this issue Jun 25, 2024
work for #5178 Set the same width values to input fields when titleLo…
419e1c1 
…cation is left
@tsv2013 tsv2013 changed the title Set the same width values to input fields when titleLocation is left Improve questions layouting Jun 28, 2024
@mikeamelin
Copy link

  • on start I expect actual width for columns
    Screenshot 2024-06-28 at 17 24 35

  • also actual values for questions
    Screenshot 2024-06-28 at 17 25 00

  • ideally the columns should have min-width, not questions
    Screenshot 2024-06-28 at 17 29 23

  • not expected behaviour
    Screenshot 2024-06-28 at 17 30 33

OlgaLarina pushed a commit that referenced this issue Jul 5, 2024
work for #5178 Set the same width values to input fields when titleLo…
241dbc3 
…cation is left
OlgaLarina pushed a commit that referenced this issue Jul 5, 2024
work for #5178 fix unit tests
7fe675c
OlgaLarina pushed a commit that referenced this issue Jul 5, 2024
work for #5178 fix layoutColumns serialization
427411f
OlgaLarina pushed a commit that referenced this issue Jul 5, 2024
work for #5178 add a property with the actual value colSpan
769cfa0
OlgaLarina pushed a commit that referenced this issue Jul 5, 2024
work for #5178 fix reactivity
6dabdec
OlgaLarina pushed a commit that referenced this issue Jul 11, 2024
work for #5178 fix bugs
fbe06ac
OlgaLarina pushed a commit that referenced this issue Jul 11, 2024
work for #5178 fix question style after added second question into row
3e1b0a0
OlgaLarina pushed a commit that referenced this issue Jul 17, 2024
work for #5178 fix panel width
f45ec89
This was linked to pull requests Jul 17, 2024
Improve questions layouting #8574
Merged
New properties definitions for "Improve questions layouting" surveyjs/survey-creator#5702
Merged
OlgaLarina pushed a commit that referenced this issue Jul 18, 2024
work for #5178 fix markup tests
138b29b
OlgaLarina pushed a commit that referenced this issue Jul 18, 2024
work for #5178 calculate colSpan if question invisible
da8f685
OlgaLarina pushed a commit that referenced this issue Jul 19, 2024
work for #5178 rename isGridLayoutMode -> gridLayoutEnabled
a16ea87
tsv2013 pushed a commit that referenced this issue Jul 19, 2024
@OlgaLarina
Improve questions layouting (#8574)
d30f80f 
* work for #5178 Set the same width values to input fields when titleLocation is left

* work for #8396 add unit tests

* work for #8396 - calculate title width

* work for #5178 Set the same width values to input fields when titleLocation is left

* work for #5178 Set the same width values to input fields when titleLocation is left

* work for #5178 Set the same width values to input fields when titleLocation is left

* work for #5178 Set the same width values to input fields when titleLocation is left

* work for #5178 fix unit tests

* work for #5178 fix layoutColumns serialization

* work for #5178 add a property with the actual value colSpan

* work for #5178 fix reactivity

* work for #5178 fix bugs

* work for #5178 fix question style after added second question into row

* work for #5178 fix panel width

* work for #5178 fix markup tests

* work for #5178 calculate colSpan if question invisible

* work for #5178 rename isGridLayoutMode -> gridLayoutEnabled

---------

Co-authored-by: OlgaLarina <olga.larina.dev@gmail.com>
@OlgaLarina OlgaLarina added this to the v1.11.8 milestone Jul 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@tsv2013 tsv2013

@OlgaLarina OlgaLarina

Labels
enhancement
Projects
None yet
Milestone
v1.11.8
4 participants
@tsv2013 @OlgaLarina @mikeamelin @RomanTsukanov