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

TOPIC:

Moving the optional properties icon 10 years 3 months ago #1052

  • Mark7801
  • Mark7801's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
  • Posts: 42
  • Thank you received: 0
Hi all,
I've been looking for a way to move the optional properties icon to the right side of the headerbar in the LO display. I don't see it in themeStyle.css file where changes are recommended but I do see it in mainStyles.css.
After some playing around, It seems by changing "#x_headerBlock .x_floatLeft" to "#x_headerBlock .x_floatRight" using mainStyles.css line 82 should work although only changes to line 68 effects the position by changing ".xfloatLeft{float:left;}" to ".xfloatLeft{float:right;}", that doesn't seem right to me (and I barely know what I'm doing). If it's possible, can you give me a hint or suggestion how to move this feature?
Many thanks again

Mark G

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

Last edit: by Mark7801. Reason: Clearity

Moving the optional properties icon 10 years 3 months ago #1055

  • JohnSmith
  • JohnSmith's Avatar
  • Offline
  • Moderator
  • Moderator
  • Posts: 397
  • Thank you received: 71
Hi,

Having a look at the Xenith (HTML5) code and we have this (at around line 391 ):
if (x_params.ic != undefined && x_params.ic != "") {
                $x_headerBlock.prepend('<img src="' + eval(x_params.ic) + '" class="x_floatLeft" />');
        }

Thinking about it I think that just sticking in an image with a hardwired class like that is a mistake...

You might want to try changing these lines to something like:
if (x_params.ic != undefined && x_params.ic != "") {
                $x_headerBlock.prepend('<img src="' + eval(x_params.ic) + '"/>');
        }

And then using something like this in the css to control the positioning:
#x_headerBlock img {float:right}

You don't want to change the actual class definition for .xfloatLeft as that will affect EVERYTHING that has that class...

If you feedback your findings then i'll make the necessary updates to the software so that others can benefit...

John

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

Last edit: by JohnSmith.
  • Page:
  • 1
Moderators: JohnSmith
Time to create page: 0.049 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search