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

is it possible to set width and height of popover at individual step level dynamically? #472

Open
mydigitalpro9 opened this issue Jan 28, 2024 · 1 comment

Comments

@mydigitalpro9
Copy link

I would like to set dynamic width and height for popover at individual step level.

I was trying to set width and height at onPopoverRender method with in individual step but not able to modify current step popover width and height.

Also verified CSS on inspector I could see max-width already present from library default css but I could override it.

Kindly let me know how can we set width and height of popover on the fly.

Screenshot 2024-01-29 at 12 57 20 AM Screenshot 2024-01-29 at 12 59 49 AM
@mydigitalpro9 mydigitalpro9 changed the title How to set width and height of popover at individual step dynamically? Set width and height of popover at individual step dynamically? Jan 29, 2024
@mydigitalpro9 mydigitalpro9 changed the title Set width and height of popover at individual step dynamically? is it possible to set width and height of popover at individual step dynamically? Jan 30, 2024
@mydigitalpro9 mydigitalpro9 changed the title is it possible to set width and height of popover at individual step dynamically? is it possible to set width and height of popover at individual step level dynamically? Jan 30, 2024
@RafalBesztak
Copy link

Default driver.js css max-width: 300px is way to small for my purpose.
So i try to overwrite the css. Almost works fine, but the arrow position is sometimes wrong (ie. on right side instead of left).
image
I use auto position of the driver (do not pass any arguments to force the position).

Any idea how to increase the max-width and keep the arrow to render in proper position?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants