# Flows.nodered.org node-red-contrib-ocpp2 page

**URL:** <https://discourse.nodered.org/t/flows-nodered-org-node-red-contrib-ocpp2-page/85765>\
**Category:** General\
**Created:** [22 February 2024 09:21 UTC](https://discourse.nodered.org/t/flows-nodered-org-node-red-contrib-ocpp2-page/85765 "2024-02-22T09:21:47Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kitori](https://avatars.discourse-cdn.com/v4/letter/k/f08c70/32.png) [@kitori](https://discourse.nodered.org/u/kitori)\
**Post date:** [22 February 2024 09:21 UTC](https://discourse.nodered.org/t/flows-nodered-org-node-red-contrib-ocpp2-page/85765/1 "2024-02-22T09:21:48Z")

</div>

I don't know if this is this is the right place, but the flow page of the node node-red-contrib-ocpp2 seems broken, because there ist a h2 Element in front off everything. The links to github etc. are behind this element. When i delete the element in the developer tab (f12), Everything work as expected.

> **[@anl-ioc/node-red-contrib-ocpp2](https://flows.nodered.org/node/@anl-ioc/node-red-contrib-ocpp2)**
>
> Node-Red modules to support OCPP 2.0.1 CSMS and CS entities

 ![Screenshot 2024-02-22 101536](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/0/902879ed7f9058e5da44f74ec03ba1680a40921d.png)

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [22 February 2024 12:53 UTC](https://discourse.nodered.org/t/flows-nodered-org-node-red-contrib-ocpp2-page/85765/2 "2024-02-22T12:53:44Z")

</div>

Thanks for highlighting this @kitori - it is very odd.

Will investigate.

---

<div class="post-metadata">

**Author:** ![kitori](https://avatars.discourse-cdn.com/v4/letter/k/f08c70/32.png) [@kitori](https://discourse.nodered.org/u/kitori)\
**Post date:** [12 April 2024 07:36 UTC](https://discourse.nodered.org/t/flows-nodered-org-node-red-contrib-ocpp2-page/85765/3 "2024-04-12T07:36:14Z")

</div>

The Problem that this h2 element get an id="cs". If i change the id to something random, it renders as expected.

```auto
<h2 id="cs">CS</h2>

```

```auto
#cs{
    padding: 0 1.7em;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

```

Here the Readme Line:

> <https://github.com/Argonne-National-Laboratory/node-red-contrib-ocpp2/blob/9dfa9a78016c00ac312dca6d532910b7dff59603/README.md?plain=1#L207>

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [12 April 2024 08:22 UTC](https://discourse.nodered.org/t/flows-nodered-org-node-red-contrib-ocpp2-page/85765/4 "2024-04-12T08:22:59Z")

</div>

Hi @kitori

Yes, that is the issue. It clashes with a CSS class used by the cookie-consent banner module we use. I did have a look to see if we could improve the namespacing of the CSS used by the module, but there was not a quick option to do so. It will require updating the module to their latest version, which is a complete rewrite and not a drop-in replacement. I'll get to it eventually.

Nick

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [11 July 2024 08:23 UTC](https://discourse.nodered.org/t/flows-nodered-org-node-red-contrib-ocpp2-page/85765/5 "2024-07-11T08:23:57Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.