How can I vertically center an in5 flip book?

Question

Hi everybody!

The flip book pages always stuck at the top of the browser window. How can I make align them vertically in the center?

Best

Haiko

Comments

Are you using Desktop Scaling?

---

Yes I do. The size is perfect put I want to have the vertical position in the center.

Answer 1

Add the following code as a .css file in the Resources section of the in5 dialog (how to attach resources):

.pages.flip {
	position:absolute !important;
	top: 0px;
    bottom: 0px;
    margin: auto;
}

[data-scaled-to="w"] .pages.flip {
	top:-40px; /*(optional) account for viewer display bar when fitted to width*/
}

This has been requested by several people, so it may eventually be folded into the default code.

Alternatively, this code works (at least when Desktop Scaling is not used):

#container-wrap {
  top: 50%;
  height: auto;
}
#container {
  transform: translateY(-50%);
}

Comments

Both does not work :-(

---

Send me your HTML output and I'll take a look:
https://ajarproductions.com/pages/contact.php?category=in5&software_issue=bug

---

Please try the updated code above.