Assign id (div id="") to perspective flexbox component for navigation purpose

I am trying to add a button that will scroll down the page to the location of more pertinent info. In standard web development this would be done with an anchor link. eg https://docs.inductiveautomation.com/display/DOC81/Perspective+Component+Properties#PerspectiveComponentProperties-MetaProperties

the main focus is the # in the url

As Perspective produces html pages, it should be possible to have the id be set for a component or container so it can be called this way.

If not, a method to scroll the screen down on click would be useful as well
Thank you

Go to the Meta properties in the Perspective Property Editor, click Add Meta Property → Properties → domId.

image

I don’t have Properites > domId


I am running v8.1.1 of the ignition platform, with perspective module 2.1.1 if that helps

Will just adding it as a value work?

Yes, you can add it yourself. Just name the property domId.

Thank you for your help, that works!

1 Like

I want to add id to call in style.css, how do I do that?

Add the domId as detailed above, and then if you want to use it in the advanced stylesheet, you can add #<your-domId-name> along with other CSS selectors to style it.

So, for example, if you called domId as specialTable, then you'd use it like this:

#specialTable <other_selectors_here> {
    color: blue;
    ...
}

If that doesn't answer your question, please include more information/details in future posts to get a better answer!