Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
The place for more technical questions for those who want to create new pagetypes or bespoke functionality.
  • Page:
  • 1
  • 2

TOPIC: CSS to center Xerte windiw on the screen

CSS to center Xerte windiw on the screen 5 years 8 months ago #1550

  • rhvanloenen
  • rhvanloenen's Avatar Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 125
  • Thank you received: 6
I use next CSS to fix the window of the user:
#x_mainHolder {
width: 900px;
height: 700px;
position: absolute;
z-index: -3;
}
How can I change this script to center the xerte window in te top of the screen?

Ronald

Please Log in or Create an account to join the conversation.

CSS to center Xerte windiw on the screen 5 years 7 months ago #1718

  • klaashobo
  • klaashobo's Avatar
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 15
  • Thank you received: 0
Hi Ronald,

Is the format you use in this code working? Where do you put this section in? Is that mainstyles.css?

Regards,
Klaas

Please Log in or Create an account to join the conversation.

CSS to center Xerte windiw on the screen 5 years 7 months ago #1725

  • rhvanloenen
  • rhvanloenen's Avatar Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 125
  • Thank you received: 6
Hello Klaas (Dag Klaas),

I have for each object a folder with the storyboard, images, sounds, etc.
In that folder I put this script as 'size.css'.

In the start editscreen of an object I choose in optional properties for 'stylesheet' (last option)and than I import the css. It works fine.
Ronald
Arnhem
Attachments:

Please Log in or Create an account to join the conversation.

CSS to center Xerte windiw on the screen 5 years 7 months ago #1726

  • klaashobo
  • klaashobo's Avatar
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 15
  • Thank you received: 0
Hi Ronald,

Thank you for the help but I stil cannot get this to work. When I add a stylesheet just like you describe in the picture (have tried this a lot of times before sinds I really want this option to work ;-) I can see the stylesheet in de folder on the server. The information of your post I past in the file and still It's not working?

I once got it working with the name 'mainstyles.css' that is mentioned somewhere to change the LO colors and so but then the buttons in the footerbar disappeared from sight. They stil are there but they cannot be seen then. Have not taken the time to dig into that.
But for now the solution you suggested is not working with me??

Regards,
Klaas

Please Log in or Create an account to join the conversation.

CSS to center Xerte windiw on the screen 5 years 7 months ago #1727

  • rhvanloenen
  • rhvanloenen's Avatar Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 125
  • Thank you received: 6
Try a not normal size and look wat XOT is doing. Did you try F11 to see how that works and what you see.
Maybe you can sent a small zipped example?
Ronald
Arnhem

body {
text-align: center;
}

#x_mainHolder {
width: 400px;
height: 300px;
position: absolute;
z-index: -3;
}

Please Log in or Create an account to join the conversation.

Last edit: by rhvanloenen.

CSS to center Xerte windiw on the screen 5 years 7 months ago #1729

  • klaashobo
  • klaashobo's Avatar
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 15
  • Thank you received: 0
Don't know why I was not working but now it does!

Thank you Ronald.

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
  • 2
Moderators: jjs
Time to create page: 0.058 seconds
Copyright © 2019 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search