Questions tagged [react-material-ui-carousel]

7 questions
1
vote
4 answers

react-material-ui-carousel : Carousel not working properly with display flex

The carousel is not showing the images properly when I set it's display to flex
1
vote
1 answer

How to move react-material-ui-carousel indicators

I have a carousel and dots indicators. I would like to move the indicators from the bottom to the circle shown below in the picture. I tried to set negative margin-top, but then the indicators get hidden. How can I achieve this? import Carousel…
Enchantres
  • 853
  • 2
  • 9
  • 22
1
vote
1 answer

Function call in Material UI (React.js) not getting called

Started with Material UI today Don't know why this Function handelSubmit() is not getting called. Nothing is getting printed on console function is not getting called. Don't know where I am doing Mistake, Thank you. I am calling that function from…
0
votes
0 answers

How to hide react-material-ui-carousel indicator

I want to hide the carousel's indicator only. (like display: "none", not visibility: "hidden") but when I set indicators={false} property to Carousel tag, the whole component disappear. The picture below is what it looks like when…
0
votes
0 answers

React-material-ui-carousel not rendering full-height content on init

I am using react-material-ui-carousel v3 with MUI v5. I need to render custom HTML content inside the carousel. The problem I have is that on the first render the first item does not have full height, see images below return (
0
votes
2 answers

react-material-ui-carousel - Navigation buttons outside the image content

I'm trying to implement a carousel with React using the react-material-ui-carousel library. I want the next and previous navigation buttons to appear outside the images something like this. The docs for that library suggest customization is possible…
Ejil
  • 23
  • 3
0
votes
2 answers

Single line image list in react material UI

In React Material UI, I don't want to scroll bar that below image list. How can I remove that? I want to be Multiple Images in a single line without a scroll bar (overflow x) const useStyles = makeStyles((theme) => ({ root: { display:…
thaw zin
  • 3
  • 2
  • 3