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

**URL:** <https://forum.inductiveautomation.com/t/assign-id-div-id-to-perspective-flexbox-component-for-navigation-purpose/47948>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [June 18, 2021, 2:34pm UTC](https://forum.inductiveautomation.com/t/assign-id-div-id-to-perspective-flexbox-component-for-navigation-purpose/47948 "2021-06-18T14:34:16Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![cbarker](https://avatars.discourse-cdn.com/v4/letter/c/c6cbf5/32.png) [@cbarker](https://forum.inductiveautomation.com/u/cbarker)\
**Post date:** [June 18, 2021, 2:34pm UTC](https://forum.inductiveautomation.com/t/assign-id-div-id-to-perspective-flexbox-component-for-navigation-purpose/47948/1 "2021-06-18T14:34:16Z")

</div>

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](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

---

<div class="post-metadata">

**Author:** ![YF129701](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/yf129701/32/60498_2.png) [@YF129701](https://forum.inductiveautomation.com/u/YF129701)\
**Post date:** [June 18, 2021, 2:39pm UTC](https://forum.inductiveautomation.com/t/assign-id-div-id-to-perspective-flexbox-component-for-navigation-purpose/47948/2 "2021-06-18T14:39:53Z")

</div>

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

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/c/0c0e7931082eefdfa86c5f484b8fdb910eb44407.png)

---

<div class="post-metadata">

**Author:** ![cbarker](https://avatars.discourse-cdn.com/v4/letter/c/c6cbf5/32.png) [@cbarker](https://forum.inductiveautomation.com/u/cbarker)\
**Post date:** [June 18, 2021, 2:57pm UTC](https://forum.inductiveautomation.com/t/assign-id-div-id-to-perspective-flexbox-component-for-navigation-purpose/47948/3 "2021-06-18T14:57:09Z")

</div>

I don’t have Properites \> domId

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/b/cbd1dd2a5122cf99123c805ddfa6eec72644e8a5.png)  
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?

---

<div class="post-metadata">

**Author:** ![YF129701](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/yf129701/32/60498_2.png) [@YF129701](https://forum.inductiveautomation.com/u/YF129701)\
**Post date:** [June 18, 2021, 2:59pm UTC](https://forum.inductiveautomation.com/t/assign-id-div-id-to-perspective-flexbox-component-for-navigation-purpose/47948/4 "2021-06-18T14:59:14Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![cbarker](https://avatars.discourse-cdn.com/v4/letter/c/c6cbf5/32.png) [@cbarker](https://forum.inductiveautomation.com/u/cbarker)\
**Post date:** [June 18, 2021, 3:04pm UTC](https://forum.inductiveautomation.com/t/assign-id-div-id-to-perspective-flexbox-component-for-navigation-purpose/47948/5 "2021-06-18T15:04:29Z")

</div>

Thank you for your help, that works!

---

<div class="post-metadata">

**Author:** ![Gisele\_Cidral](https://avatars.discourse-cdn.com/v4/letter/g/a8b319/32.png) [@Gisele\_Cidral](https://forum.inductiveautomation.com/u/Gisele_Cidral)\
**Post date:** [February 21, 2024, 5:55pm UTC](https://forum.inductiveautomation.com/t/assign-id-div-id-to-perspective-flexbox-component-for-navigation-purpose/47948/6 "2024-02-21T17:55:51Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![YF129701](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/yf129701/32/60498_2.png) [@YF129701](https://forum.inductiveautomation.com/u/YF129701)\
**Post date:** [February 21, 2024, 6:41pm UTC](https://forum.inductiveautomation.com/t/assign-id-div-id-to-perspective-flexbox-component-for-navigation-purpose/47948/7 "2024-02-21T18:41:33Z")

</div>

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:

```css
#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!