Skip to main content
D
Dazzling_ElixirB82D
Known Participant
March 22, 2023
Answered

Reversing layer order

  • March 22, 2023
  • 1 reply
  • 614 views

Is there a way to reverse layer order?

I can't see any option to do it, or a way in JSFL to set a layer index.

// Get the total number of layers in the document
var numLayers = fl.getDocumentDOM().getTimeline().layers.length;

// Loop through each layer and set its new index
for (var i = 0; i < numLayers; i++) {
  var currentLayer = fl.getDocumentDOM().getTimeline().layers[i];
  var newIndex = numLayers - i;

  // Set the new index for the layer
  //  ????
}

 

This topic has been closed for replies.
Correct answer JoãoCésar17023019

Hi.

 

Use the reorderLayer method from the Timeline object. Like this:

var dom = fl.getDocumentDOM();
var tl = dom.getTimeline();
var layers = tl.layers;
	
layers.forEach(function(layer, index)
{
    tl.reorderLayer(0, layers.length - 1 - index, false);
});

 

I hope it helps.

 

Regards,

JC

1 reply

JoãoCésar17023019
Community Expert
JoãoCésar17023019Community ExpertCorrect answer
Community Expert
March 22, 2023

Hi.

 

Use the reorderLayer method from the Timeline object. Like this:

var dom = fl.getDocumentDOM();
var tl = dom.getTimeline();
var layers = tl.layers;
	
layers.forEach(function(layer, index)
{
    tl.reorderLayer(0, layers.length - 1 - index, false);
});

 

I hope it helps.

 

Regards,

JC

    D
    Dazzling_ElixirB82DAuthor
    Known Participant
    March 22, 2023

    Thanks, I tweaked it to work on selected layers:

    var dom = fl.getDocumentDOM();
var tl = dom.getTimeline();
var selectedLayers = tl.getSelectedLayers();
	
selectedLayers.forEach(function(layer, index)
{
    tl.reorderLayer(0, selectedLayers.length - 1 - index, false);
});

     

    Also, is there newer docs for jsfl then cs5? It seems weird, but I havn't found anything more recent.

      JoãoCésar17023019
      Community Expert
      JoãoCésar17023019Community Expert
      Community Expert
      March 22, 2023

      Great! You're welcome!

       

      The most recent version of the JSAPI documentation is in GitHub:

      https://github.com/AdobeDocs/developers-animatesdk-docs/blob/master/index.md

       

      Regards,

      JC

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices