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.

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

'Freeze the progress bar' option or make it a default behavior. #8356

Closed
ElenaGorbatkova opened this issue Jun 3, 2024 · 2 comments · Fixed by #8387
Closed

'Freeze the progress bar' option or make it a default behavior. #8356

ElenaGorbatkova opened this issue Jun 3, 2024 · 2 comments · Fixed by #8387
Assignees
Milestone

Comments

@ElenaGorbatkova
Copy link
Member

Are you requesting a feature, reporting a bug or asking a question?

Requesting a feature

What is the current behavior?

Progress bar is static

What is the expected behavior?

I would like the progress bar to freeze when a user scrolls down a page with questions, so it's always visible

How would you reproduce the current behavior (if this is a bug)?

it's a default behavior at the moment

Provide the test code and the tested page URL (if applicable)

Tested page URL:

Edit.Survey_.New.Survey.4.-.Google.Chrome.2024-06-03.16-00-18.mp4

image

Test code

your_code_here

Specify your

  • browser:
  • browser version:
  • surveyjs platform (angular or react or jquery or knockout or vue):
  • surveyjs version:
@mikeamelin
Copy link

Here are some prototypes and throughs (read comments) — https://www.figma.com/design/jcuAUsN02n2yJerx39mqf9/LBR--%3E-Library-Preview?node-id=2443-31648

tsv2013 pushed a commit that referenced this issue Jun 7, 2024
tsv2013 pushed a commit that referenced this issue Jun 13, 2024
…t behavior - Fixed title bottom line visibility
tsv2013 pushed a commit that referenced this issue Jun 13, 2024
…t behavior - show header bottom shadow only if header is on top and sticky
tsv2013 pushed a commit that referenced this issue Jun 13, 2024
tsv2013 pushed a commit that referenced this issue Jun 14, 2024
tsv2013 pushed a commit that referenced this issue Jun 14, 2024
…t behavior - added styles for floating label
tsv2013 pushed a commit that referenced this issue Jun 17, 2024
@mikeamelin
Copy link

  • here reduced paddings are used in the original prototype
    Screenshot 2024-06-19 at 11 32 04

  • no shadow is needed for this view
    Screenshot 2024-06-19 at 11 33 57

  • here I changed a bit margins to align static and floating labels each other
    Screenshot 2024-06-19 at 11 36 28
    Screenshot 2024-06-19 at 11 36 59

  • wrong text color for the floating label
    Screenshot 2024-06-19 at 11 37 29

tsv2013 pushed a commit that referenced this issue Jun 19, 2024
@OlgaLarina OlgaLarina added this to the v1.11.4 milestone Jun 20, 2024
@mikeamelin mikeamelin removed their assignment Jun 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
5 participants