ActivePresenter Saola Animate Pricing Download

Center elements other than text?


(Lennert) #1

Hi there,
currently I am evaluating Saola Animate - coming from tumult Hype, which unfortunately is only available on Mac.
So far I am quite happy with all the options that the program gives. And to see some additional ones I didn’t know I wanted :wink:

But one thing I cannot figure out:
How can I center an element on the scene?
For text it works. But what if I have a div that is not the exact width of my scene, and it should be centered? I can only have it positioned relatively from the left or right. But not the middle.
Is this not possible without workarounds? Or am I missing something?

Cheers,
Lennert


(Toan Le) #2

Hi Lennert,

You can use CSS to do that:

  1. Select the element, and set its Class Name in Properties pane, e.g. hcenter
  2. Create a CSS file with the hcenter class slector which centers elements horizontally, e.g.
    .hcenter {
	margin-left: auto;
	margin-right: auto;
	left: 0 !important;
	right: 0 !important;
    }
  1. Import that CSS file into Resources pane.
  2. Preview in browser or export to HTML5 to see the result.
    FYI, from the next version (2.5), imported CSS rules also take effect in the editor.

Regards


(Lennert) #3

Wow, thanks for the quick reply!
Sure, CSS is always an option. I was just hoping there would be an option in the interface. Maybe this could be a “feature request”? :wink:

Cheers,
Lennert


(Toan Le) #4

Yes, we’ll add this feature to the request pool.

Regards