# Page Lock Component Demo

**URL:** <https://forums.realmacsoftware.com/t/page-lock-component-demo/52323>\
**Category:** Elements API\
**Created:** [November 9, 2025, 6:00pm UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323 "2025-11-09T18:00:49Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 9, 2025, 6:00pm UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/1 "2025-11-09T18:00:49Z")

</div>

Spent a lazy Sunday afternoon vibe coding a page lock component. It was just a half-finished thought that somehow turned into this little project. Nothing fancy, just tinkering for the fun of it, and it shows just how quickly third-parties will be able to populate the upcoming store with solutions like this 🙂

The Page Lock Dev Pack allows you to add simple password protection to a page or a bunch of pages. Watch the video to learn more:

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/d/1d31dd216e97de89159ef494b63a9c464bc6f865.jpeg "DevPack: Page Lock Component Demo") ](https://www.youtube.com/watch?v=7R9ZlFMfEeE)

This example is for learning purposes only, I don’t really recommend using it on live websites.

## Useful Links:

🔗 [DevPack Download Link (via Git Hub)](https://github.com/realmacsoftware/RWElementDevPacks)

🔗 [Elements API Documentation](https://docs.realmacsoftware.com/elements-docs/elements-language)

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [November 9, 2025, 6:52pm UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/2 "2025-11-09T18:52:26Z")

</div>

Vibe coding fun…

Tried to redo my trumpet app on it…

My 3.0 app needs a little TLC and some more resources…

---

<div class="post-metadata">

**Author:** ![mrTablet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mrtablet/32/21819_2.png) [@mrTablet](https://forums.realmacsoftware.com/u/mrTablet)\
**Post date:** [November 10, 2025, 8:30am UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/3 "2025-11-10T08:30:21Z")

</div>

I am trying to use Page Lock on a page, but I cannot get it to work as shown in your video @dan, and I am unsure what I am doing wrong. Any tips?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 10, 2025, 8:32am UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/4 "2025-11-10T08:32:13Z")

</div>

You need to make sure the page extension is .php 😊

---

<div class="post-metadata">

**Author:** ![mrTablet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mrtablet/32/21819_2.png) [@mrTablet](https://forums.realmacsoftware.com/u/mrTablet)\
**Post date:** [November 10, 2025, 8:46am UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/5 "2025-11-10T08:46:08Z")

</div>

Aha 🙂

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [November 14, 2025, 10:21am UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/6 "2025-11-14T10:21:26Z")

</div>

This is fantastic Dan - thank you !

However, I cannot change the text

[… Shh it’s a secret will change in the editor - but not when publiched

Type the magic word … - I cant change this even in the editor]

Thanks again !!

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/5/d518a205e196742b8a89c603f85cf7d44502c3aa.png)

---

<div class="post-metadata">

**Author:** ![thisisrock](https://avatars.discourse-cdn.com/v4/letter/t/82dd89/32.png) [@thisisrock](https://forums.realmacsoftware.com/u/thisisrock)\
**Post date:** [November 14, 2025, 11:30am UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/7 "2025-11-14T11:30:26Z")

</div>

I can confirm that the text  
“Shhh… It’s a Secret” can be modified in the editor, but Preview still shows the original content.  
Same wit the text “Type the magic word to reveal what’s inside.” which I can modify in the Editor, but Preview shows the original content.  
However I can not modify the Unlock-button text and not the Log out-Button text.  
This makes it impossible for me to use it with non-English websites.

Positively mentioned: component settings (colors, font type) are bound to the Theme settings  
🙂

I like the base idea and concept of this component.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 14, 2025, 3:39pm UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/8 "2025-11-14T15:39:58Z")

</div>

This is just a demo, you can edit the code (as I do in the video) to make the text say whatever you want 🙂

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [November 15, 2025, 9:53am UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/9 "2025-11-15T09:53:59Z")

</div>

Many thanks Dan - was straight forward once I understood what you were doing !!

---

<div class="post-metadata">

**Author:** ![thisisrock](https://avatars.discourse-cdn.com/v4/letter/t/82dd89/32.png) [@thisisrock](https://forums.realmacsoftware.com/u/thisisrock)\
**Post date:** [November 15, 2025, 10:04am UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/10 "2025-11-15T10:04:31Z")

</div>

Understood now. With all the sources from Github you provided the necessary ground. Thank you.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 15, 2025, 11:19am UTC](https://forums.realmacsoftware.com/t/page-lock-component-demo/52323/11 "2025-11-15T11:19:50Z")

</div>

Great, glad you both got it working 🙂
