# Best way produce something that is easy in HTML

**URL:** https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218
**Category:** Ask for Help
**Created:** [January 15, 2021, 5:00pm UTC](https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218 "2021-01-15T17:00:00Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![forsdick](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/forsdick/32/26296_2.png) [@forsdick](https://community.glideapps.com/u/forsdick)
#### Post date: [January 15, 2021, 5:00pm UTC](https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218/1 "2021-01-15T17:00:00Z")

</div>

I want to include the following at the bottom of every screen:

![2021-01-15_11-14-37](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/2/5276daaaac819780f56496d018744ea1615d1657.png)

I want to have the two rounded rectangles linked to external webpages.

The following HTML will produce this image:

```
<br><br>
<table width=100% bgcolor=#2A2D7B>
<tr>
<td align=center><br><a href="https://lexingtonhistory.org"><img width=120px src=https://forsdick.com/walkingTours/images/LHSocLogo.png></a></td>
<td align=center><br><a href="http://visitlex.weebly.com/donate.html"><img width=120px src=https://forsdick.com/walkingTours/images/DonateForWalkingTours.png></a></td></tr>
<tr>
<td align=center colspan=2 ><font color=#FFFFFF><B>Copyright © 2020<br>Lexington Historical Society<br><br></b></td>
</tr>
</table>

```

The results of this code is shown above.

The problem I am having is that when I use this code in a Rich Text field, the two image buttons show up with broken image icons both in the laptop browser view and my iPhone smartphone view.

You can see this problem by going to [https://lexbyfandp.glideapp.io/](https://lexbyfandp.glideapp.io/) and scrolling to the bottom of any screen.

So, I have concluded I need to try to create this using standard Glide mechanisms, but I’m not sure the best way to do this.

So, I have two questions:

1. Do I really need to do this? Or is there something wrong with my HTML?
2. If I can’t use HTML, what is the best way to do this using Glide constructs?

Thanks,

– Harry

---

<div class="post-metadata">

### Author: ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)
#### Post date: [January 15, 2021, 5:07pm UTC](https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218/2 "2021-01-15T17:07:48Z")

</div>

Hey Harry,

You’re in luck - the Button Bar component just launched so instead of using the HTML you built, you would be able to use the Button Bar component in order to mimic the same look and UX.

> [@fire Button Bar is LIVE!](https://community.glideapps.com/t/button-bar-is-live/21184):
>
> [image]

For the Links to render/open in each button component (Left/Right), just point them to their corresponding URL’s in your sheet OR by adding them in the “Custom” field inside the Glide Editor.

You would then just add a Text Component underneath the Button Bar component for your Copyright info.

Cheers.

---

<div class="post-metadata">

### Author: ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)
#### Post date: [January 15, 2021, 5:37pm UTC](https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218/3 "2021-01-15T17:37:14Z")

</div>

What are the odds…

---

<div class="post-metadata">

### Author: ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)
#### Post date: [January 15, 2021, 6:57pm UTC](https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218/4 "2021-01-15T18:57:47Z")

</div>

If the larger style tile is what you need then you could try creating a separate tab in your workbook solely for these buttons. Label them 1 & 2 or Left & Right 😉 and hard code any other information you need.

Back in Glide use an InlLine list w/ Style “Tiles” Shape 3:2 and x2 per row.

This way will keep it in the “Glide constructs” mentioned earlier. You will be able to use overlays, avatars, tags, actions, etc…

---

<div class="post-metadata">

### Author: ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)
#### Post date: [January 15, 2021, 9:08pm UTC](https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218/5 "2021-01-15T21:08:01Z")

</div>

What do you think of this? it’s the @Eric_Penn idea

> **[Lexington](https://far-sleep-2202.glideapp.io/)**

---

<div class="post-metadata">

### Author: ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)
#### Post date: [January 15, 2021, 11:16pm UTC](https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218/6 "2021-01-15T23:16:29Z")

</div>

Very nice, sir.

Glide Community 👊

---

<div class="post-metadata">

### Author: ![forsdick](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/forsdick/32/26296_2.png) [@forsdick](https://community.glideapps.com/u/forsdick)
#### Post date: [January 15, 2021, 11:58pm UTC](https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218/7 "2021-01-15T23:58:49Z")

</div>

@Eric_Penn and @wjcv06 Wow, you guys nailed it! Thanks.

P.S. @ehdubya Buttonbars might also have worked, but tried (for a while) but failed to figure out how to get the contents of the buttons to be my own images or how to get the dark blue background. I’ll try again tomorrow when my creative juices have returned after a good night’s sleep…

---

<div class="post-metadata">

### Author: ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)
#### Post date: [January 16, 2021, 12:00am UTC](https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218/8 "2021-01-16T00:00:41Z")

</div>

You can copy the example 👍

> [@wjcv06](#):
>
> [far-sleep-2202.glideapp.io](https://far-sleep-2202.glideapp.io/)
> 
> ### [Lexington](https://far-sleep-2202.glideapp.io/)

---

<div class="post-metadata">

### Author: ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)
#### Post date: [January 17, 2024, 4:58pm UTC](https://community.glideapps.com/t/best-way-produce-something-that-is-easy-in-html/21218/9 "2024-01-17T16:58:25Z")

</div>


