# Header or Footer template for all screens

**URL:** <https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363>\
**Category:** Questions about Thunkable X\
**Tags:** design-template\
**Created:** [December 23, 2021, 3:46pm UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363 "2021-12-23T15:46:38Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 23, 2021, 3:46pm UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363/1 "2021-12-23T15:46:38Z")

</div>

Maybe I’m missing something very obvious, but is there some option where I can make a header or footer that will persist across all screens?  
This is so I can make a change to one and they all change accordingly.

I’m not talking about the top navigator or anything like that, I want something with more details like how the bottom of a website would have social media links, blog links, webinar links, google reviews, email subscriber text input. I want something similar to that, but it wouldn’t make sense for me to have to make changes to every single screen for the same content over and over.

Thanks for any help

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [December 23, 2021, 8:05pm UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363/2 "2021-12-23T20:05:19Z")

</div>

We don’t have anything like “element classes” or “reuseable elements” yet. (Someone should make a feature request!)

What you can do is duplicate a component on one screen and drag it to another via the element tree on the design screen.

Does that work for you for now, @overshield ?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 23, 2021, 8:17pm UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363/3 "2021-12-23T20:17:06Z")

</div>

It’s been requested before and I think it’s a great idea to have templates or “all screen” properties.

> <https://github.com/thunkable/thunkable-issues/issues/943>
>
> Hi Please Add Blocks In Which We Can Change The Design Of All Screens , Like Cha…nging Background Colour And Text Size etc

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [December 23, 2021, 8:25pm UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363/4 "2021-12-23T20:25:21Z")

</div>

In that case, you should all go comment on that thread. The more vocal our users are about particular features the more we are likely to look into them! We are a user led platform, after all!

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 23, 2021, 9:25pm UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363/5 "2021-12-23T21:25:36Z")

</div>

No for now this wouldn’t really work, because if I needed to make changes they wouldn’t update across other screens. However, I did consider making a default screen, and just make all the other components work as slaves to that default based on blocks & properties. In this case, any changes would persist, the biggest problem then would be any changes that can’t be codes with blocks, such as margins, hint text colors, things that aren’t currently able to be changed with blocks.

I’ll go comment on the thread now and hopefully we’ll get some progress on it soon.

Thanks guys for the help

---

<div class="post-metadata">

**Author:** ![jonathonschnoor6x4b5](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jonathonschnoor6x4b5/32/112262_2.png) [@jonathonschnoor6x4b5](https://community.thunkable.com/u/jonathonschnoor6x4b5)\
**Post date:** [December 23, 2021, 9:27pm UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363/6 "2021-12-23T21:27:21Z")

</div>

> [@overshield](#):
>
> No for now this wouldn’t really work, because if I needed to make changes they wouldn’t update across other screens

You could use vars to change the labels to the var’s value. That way, it would change when a new screen opens.

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 23, 2021, 9:29pm UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363/7 "2021-12-23T21:29:52Z")

</div>

Ya but there’s not a way to capture the changes you might make to margins, hint text colors, that sort of thing

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [December 24, 2021, 1:20am UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363/8 "2021-12-24T01:20:41Z")

</div>

I’ve now found another problem when cloning a screen from the saved screens… all the names copy as well, where normally Thunkable won’t allow duplicate names of components, this forces the names to copy, which also seems to cause some undesirable effects.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [December 24, 2021, 2:12am UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363/9 "2021-12-24T02:12:13Z")

</div>

One idea, though not always ideal, would be a single page app and hiding/showing different groups of components.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [March 24, 2022, 2:13am UTC](https://community.thunkable.com/t/header-or-footer-template-for-all-screens/1659363/10 "2022-03-24T02:13:12Z")

</div>

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