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

How to render the buttons outside, just like renderDotsOutside #65

Closed
Alchy-web opened this issue Oct 2, 2019 · 7 comments
Closed

How to render the buttons outside, just like renderDotsOutside #65

Alchy-web opened this issue Oct 2, 2019 · 7 comments

Comments

@Alchy-web
Copy link

Describe the bug
I've been using react-multi-carousel lately, i need to display the next/prev buttons outside the wrapper, just like renderDotsOutside behavior fot dots.

@YIZHUANG
Copy link
Owner

YIZHUANG commented Oct 2, 2019

Hi,

two options:

  1. Use the customButtonGroup props and add paddings to the container.
  2. Open a PR to allow customButtonGroup to be rendered outside, so that you don't need to add paddings.

@YIZHUANG
Copy link
Owner

YIZHUANG commented Oct 2, 2019

Here is an example #40

@Alchy-web
Copy link
Author

The first option keeps the buttonGroup inside the "react-multi-carousel-list" Div, the overflow:hidden hides the arrows when i give them a negative left/right

@Alchy-web
Copy link
Author

Alchy-web commented Oct 2, 2019 via email

@YIZHUANG
Copy link
Owner

YIZHUANG commented Oct 2, 2019

This is released in the latest version.

@YIZHUANG YIZHUANG closed this as completed Oct 2, 2019
@Alchy-web
Copy link
Author

Alchy-web commented Oct 3, 2019 via email

@YIZHUANG
Copy link
Owner

YIZHUANG commented Oct 3, 2019

Thank you ;) You just need to update this in the documentation <Carousel arrows={false} renderButtonGroupOutside={true} customButtonGroup={}> Le mer. 2 oct. 2019 à 21:25, yi notifications@github.com a écrit :

This is released in the latest version. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#65?email_source=notifications&email_token=AAX7NYJU6DME5RIRLHPBMR3QMT7UVA5CNFSM4I4UZAYKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEAGB6HQ#issuecomment-537665310>, or mute the thread https://github.com/notifications/unsubscribe-auth/AAX7NYIJK5LYU54JP4XKTXDQMT7UVANCNFSM4I4UZAYA .
-- Cordialement, Alae-eddine CHIHAB Senior developer / Web Designer Mob : +212 6 79 18 55 67

True that!

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