Skip to content
This repository has been archived by the owner on Sep 28, 2021. It is now read-only.

Can't move or hide photo counter #51

Closed
jvaclavik opened this issue Jun 1, 2017 · 6 comments
Closed

Can't move or hide photo counter #51

jvaclavik opened this issue Jun 1, 2017 · 6 comments

Comments

@jvaclavik
Copy link

If you want to use renderHeader it could be a problem:

snimek obrazovky 2017-06-01 v 17 25 17

It would be nice to have a prop with custom styles.

@ascoders
Copy link
Owner

ascoders commented Jun 2, 2017

Try add styles to the element returned by renderHeader?

@jvaclavik
Copy link
Author

I know that I can move the title, but counter is in usual title's place. I would prefer to move counter somewhere and keep title as it is.

@ascoders
Copy link
Owner

ascoders commented Jun 4, 2017

@jvaclavik , you can rewrite counter by pass renderIndicator to it.

<ImageViewer renderIndicator={ (currentIndex, allSize) => {
  return <div style={...}>{currentIndex} / {allSize}</div>
} }/>

@gianpaj
Copy link

gianpaj commented May 6, 2018

If you want to remove the counter you'll need a function:
renderIndicator={() => null}

renderIndicator={null} (this will not work)

@hikmetsk
Copy link

hikmetsk commented Sep 5, 2018

ATTENTION

@jvaclavik is true but if you want set renderIndicator you should set styles with position:"absolute", zIndex: 1, top: 0, left: 0 ...

@ascoders
Copy link
Owner

ascoders commented Sep 6, 2018

@KA5558 Yes, it's a bit troublesome, but there are more possibilities for doing something special.

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

No branches or pull requests

4 participants