Okay
  Public Ticket #3244160
Transitions
Closed

Comments

  • Silvio started the conversation

    Hi, I'm trying to represent the transition classes for layers, to create a small editor. I'm using .net core trying to set the inheritance but I'm a bit confused because the properties of text transitions are similar to regular transitions. The question is: On which tag elements do we have to use Transitions and on which tag elements do we use Transitions Text?

    I just see that the normal transition has color, bgcolor, height, width (for example) but these don't exist in the TextTransitions, this is confusing too how would I assign color to a text transition?

    The second question is about the transitionin or texttransitionin (and their out) property, what exactly do they do? If I set this property to false what happens? Wouldn't transitions occur for that layer?
    Thank you!

  •  111
    George replied

    Hello Silvio,

    Text layers (layers with text content only) can have text transitions and normal transitions both. So - for example - you can make to move the text layer into the canvas from the right (with a transition in), while the characters of the text are rotating and scaling in one-by-one (with a text transition in).

    Text transitions have some different properties for the character animations.

    If a layer has transitionin: false; added, it won't be visible. If you set transitionout: false; - the layer won't leave the canvas even on a slide change.

    Best Regards,
    George | Kreatura Dev Team

  • Silvio replied

    Ok, thanks for the answer.

    Do you have an excel table, or another format (not html) for the 2D slide transitions and 3D slide transitions? I try not to copy and paste IDs with their names one by one...
    Thank you!

  •  111
    George replied

    Hello Silvio,

    You can get the names of the slide transitions from the layerslider.transitions.js file in the sources/js folder. That file contains a JavaScript object with all the transition data. You can easily loop through the object with a js code and get the necessary names.

    Best Regards,
    George | Kreatura Dev Team

  • Silvio replied

    Yes, I found them there, but the ID corresponding to each one is not there, and in the slide options help it says that the value to put is the ID. How can I do?

  •  111
    George replied

    The ID is a sequence number, so the sequence number of a picked transition in the array is the ID of that transition.

    Best Regards,
    George | Kreatura Dev Team

  • Silvio replied

    Thanks George, I have another question: How is the z-order of the layers (supposedly z-index) determined? I understand that the ls-bg goes behind, but the other layers? Thank you.

  •  111
    George replied

    The z-order of normal layers are automatic (starting with: z-index: 101, assigned to the first layer in the html markup). If you add a custom z-index to any layer, it will use that, so you can overwrite the automatic z-order.

    Best Regards,
    George | Kreatura Dev Team