active State Icon

[khalil]

Hello 
What Is the active state icon in the link and how to use it?

[admin]

From LM docs: Icon that is displayed when the link points to the current plan. Can be used in Layouts to create a plan menu.

[khalil]

From LM docs: Icon that is displayed when the link points to the current plan. Can be used in Layouts to create a plan menu.

Thanks

[batistacaceres]

From LM docs: Icon that is displayed when the link points to the current plan. Can be used in Layouts to create a plan menu.

Hello:

I want to change the element "Link" textColor when tne "Display mode" is in Value mode, Is it posible?, Can I do it using javascript?

I know that element "Link" with "Display mode" as Icon, I can choose the Icon when the page is active, but in Value mode I can not choose any text style when the page is active.

Could you help me about it, I want to change not only the menú Icon I want to change too the text color when the page is active.

Thank you very much, best regards

Roger

[Daniel]

As we have 3 Visualization tools, it would be good to say which one do you use?

[batistacaceres]

As we have 3 Visualization tools, it would be good to say which one do you use?

I am talking about "scada-vis", visualization for PC/Tablet
thank you very much
Roger

[admin]

For all relevant plan links set Additional classes to plan-link plan-link-123 where 123 is plan id to which the link refers.

Custom JS:

Code:

$(function() {
  var prevId;

  function onshowplan() {
    if (prevId) {
      $('.plan-link-' + prevId).removeClass('active');
    }
    
    if (currentPlanId) {
      $('.plan-link-' + currentPlanId).addClass('active');
        prevId = currentPlanId;
    }
  }
  
  $('body').on('showplan', onshowplan);
  onshowplan();
});

Custom CSS:

Code:

.plan-link.active {
  color: red;
}

[batistacaceres]

For all relevant plan links set Additional classes to plan-link plan-link-123 where 123 is plan id to which the link refers.

Custom JS:

Code:

$(function() {
  var prevId;

  function onshowplan() {
    if (prevId) {
      $('.plan-link-' + prevId).removeClass('active');
    }
   
    if (currentPlanId) {
      $('.plan-link-' + currentPlanId).addClass('active');
        prevId = currentPlanId;
    }
  }
 
  $('body').on('showplan', onshowplan);
  onshowplan();
});

Custom CSS:

Code:

.plan-link.active {
  color: red;
}

Thank you very much, it works very well, but I had to add in custom CSS the parameter !important

.plan-link.active {
  color: red !important;
}

Thank you so much, good work,

best regard, Roger