# Why are certain features not available for Glide pages?

**URL:** <https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249>\
**Category:** Ask for Help\
**Created:** [November 16, 2022, 12:57am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249 "2022-11-16T00:57:32Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Daniel\_K](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/daniel_k/32/40330_2.png) [@Daniel\_K](https://community.glideapps.com/u/Daniel_K)\
**Post date:** [November 16, 2022, 12:57am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/1 "2022-11-16T00:57:32Z")

</div>

Hello,

I am new to Glide so forgive me, but why are many features which are available while building a mobile app, not available for web apps? Calendars, progress bars, and other components are not available for web apps. It seems that the web app development on Glide is incomplete. Are these features still under development by Glide?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 16, 2022, 1:02am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/2 "2022-11-16T01:02:42Z")

</div>

Yes—Glide is carefully adding components to Glide Pages one at a time. Would love to see progress bar, too!

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [November 16, 2022, 1:25am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/3 "2022-11-16T01:25:40Z")

</div>

> [@Daniel\_K](#):
>
> Calendars

Calendar is there if you look for it 😉

 ![Screen Shot 2022-11-16 at 9.24.16 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/8/28e1426f3f4307c1eea103f4d6b0f117903bb2a2.png)

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [November 16, 2022, 2:38am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/4 "2022-11-16T02:38:50Z")

</div>

The Checkbox, Like, Favorite, Progress Bars and multicolor options for buttons are components that I wish it had thats missing.

Also wish we had horizontal sliding Lists like on Apps. I know many websites use it and isnt just a mobile thing.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 16, 2022, 3:13am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/5 "2022-11-16T03:13:45Z")

</div>

Ya…multicolor buttons would be nice too. My shortlist:

- Comments Component
- Progress Bars
- Button Colors
- Ratings Component

---

<div class="post-metadata">

**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\
**Post date:** [November 16, 2022, 3:37am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/6 "2022-11-16T03:37:38Z")

</div>

- A functional Map on mobile device would be nice (showing all location pins and not defaulting to SF all the time)

- Location component also would be great

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [November 16, 2022, 4:45am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/7 "2022-11-16T04:45:18Z")

</div>

@Robert_Petitto here is an alternative to a progress bar.

```auto
<div style="overflow:hidden;border-radius:15px;background-color:#DDDDDD;"">
  <div style="border-radius:15px;background-color:#29577A;height:15px;width:33%">
  </div>
</div>

```

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/9/9922cdddc92e130e90a2446d98ab0c41785b2a13.png)

---

<div class="post-metadata">

**Author:** ![MGA](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mga/32/50456_2.png) [@MGA](https://community.glideapps.com/u/MGA)\
**Post date:** [November 16, 2022, 8:34am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/8 "2022-11-16T08:34:55Z")

</div>

Most needed for my work would be some kind of Image Gallery/Slider.

Just spend 2 hours in putting together an Image Array and trying to put it to work only to find out later, through the Community, that it does not work on Pages.

PS Does anybody know how to achieve this in the meantime?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 16, 2022, 11:14am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/9 "2022-11-16T11:14:21Z")

</div>

So simple. Nice!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 17, 2022, 12:16am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/10 "2022-11-17T00:16:31Z")

</div>

> [@Create an image gallery/carousel in Glide Pages](https://community.glideapps.com/t/create-an-image-gallery-carousel-in-glide-pages/42993):
>
> Hi, I’m trying to create an image gallery inside a Glide Pages website. The page in the website is intended to be a collection of latest events of an association. When a user wants to read more about one of these events, another page should open, with the title of the event, some info and a gallery of pictures. I’ve read other posts in the forum and tried to create the image gallery following these steps: using Glide database I first created n columns for each picture; I then created an arra…

Please check this.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 15, 2022, 12:28am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/11 "2022-12-15T00:28:58Z")

</div>

> [@Jeff\_Hager](#):
>
> ```auto
> <div style="border-radius:15px;background-color:#DDDDDD;"">
> <div style="border-radius:15px;background-color:#29577A;height:15px;width:33%">
> </div>
> </div>
> 
> ```

Thanks again for this. So beautiful in a Custom Collection!

 ![CleanShot 2022-12-14 at 19.27.54@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/f/df307ea73e1eeb42a096789787c8602fe89c2689.jpeg)

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [December 15, 2022, 6:05am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/12 "2022-12-15T06:05:19Z")

</div>

Here is a pretty simple workaround until Glide has a Gallery feature for pages **IF your images can be uploaded once and don’t require changing**

Use Elfsight, a no-code widget maker to create a slider with a URL that can be shown in a WebEmbed element in pages. Elfsight has a lot of customization options that make it nice to use. You will need to upload the images to Elfsight so this is not a dynamic solution, so may or may not work for your specific project.

Here is a link to a demo I threw together to test viability: [https://elfsight-gallery-test.glide.page](https://elfsight-gallery-test.glide.page)

To make this, you need to create the widget in Elfsight, then grab the widget installation code, then add to a sandbox template url  
[https://sandbox.elfsightcdn.com/WIDGET\_ID](https://sandbox.elfsightcdn.com/WIDGET_ID) and then use that link as the WebEmbed link.

 ![Mouse_Highlight_Overlay](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/f/3f7bd08c650d95381738d9dd574f5da4bbc1ae3f.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 16, 2022, 12:21am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/13 "2022-12-16T00:21:36Z")

</div>

Really cool. Thanks for sharing!

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [December 16, 2022, 5:23am UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/14 "2022-12-16T05:23:56Z")

</div>

Playing around with a thought to make it easier to add images - using a social feed widget instead to show only photos from a specific twitter feed. The idea would be to create a twitter account just for image upload and then display all images uploaded to that account. Still not the real solution we need - to upload images directly in Glide pages, but a workaround that is a little more dynamic. You can see sample of this on the demo now for @glideapps twitter feed.

---

<div class="post-metadata">

**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\
**Post date:** [February 25, 2023, 4:05pm UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/15 "2023-02-25T16:05:09Z")

</div>

Hola Jeff,

Any idea or trick to recreate what I did time ago but using Pages? [Progress Bar Color - #19 by gvalero](https://community.glideapps.com/t/progress-bar-color/12023/19)

I think I’m missing something to get what I want or Page is playing with me and I don’t realize it 🙄

Thanks!

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 25, 2023, 5:47pm UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/16 "2023-02-25T17:47:51Z")

</div>

Are you talking about the horizontal bars that are overlayed on top of the entry components? Are you trying to recreate that overlay? The bar itself would only be a slight modification of how I did it, but overlaying it might be tricky. Maybe possible if you have have a plan that enables a CSS in Pages, but I probably wouldn’t go that route and instead place the bar above or below each entry component.

Or, are you taking about recreating the vertical bars?

---

<div class="post-metadata">

**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\
**Post date:** [February 25, 2023, 6:42pm UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/17 "2023-02-25T18:42:58Z")

</div>

> [@Jeff\_Hager](#):
>
> Or, are you taking about recreating the vertical bars?

The vertical bars Jeff, something like this:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/a/2a12ea6bd375038e504c42ecf20d44e4563cc2f0.png)

I think I got the settings finally but my bars move from top to bottom (the yellow one) and it’s wrong, the animation bars should move from bottom to top but I can’t find the right setting.

Any suggestion?

Gracias!

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 25, 2023, 8:34pm UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/18 "2023-02-25T20:34:10Z")

</div>

OK, I think I figured it out. Here’s something that I think should work. The key is the `position:relative` in the outer div container and the combination of `position:absolute;` and `bottom:0px` in the inner div container. That will make the progress climb from bottom to top.

_(- If you remove `margin:auto`, then it will be left aligned.)_  
_(- I also noticed an issue with low percentages, where the bar wouldn’t look right, so I added `overflow:hidden` to the outer div container, which makes it look a lot better by containing the inner div only within the outer div. I’ve corrected my original post above with this same change.)_

```auto
<div style="margin:auto;overflow:hidden;border-radius:15px;background-color:#DDDDDD;position:relative;height:200px;width:15px;">
  <div style="border-radius:15px;background-color:#29577A;position:absolute;bottom:0px;width:15px;height:66%;">
  </div>
</div>

```

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/b/ebde5bcc909b3c1ab4ea2515cb8488690b750511.png)

If you want to get a little bit crazy, then you can combine multiple bars in an html table, and add some headings.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/9/19b686c7da7200c5fbd2e3fe52e494f5d3328ee7.png)

This is what I have for the multiple bars with headings. Had to fix some issues because alignment got weird when I started adding headings, but I think it’s pretty stable now.

```auto
<table width=100%><tr>

<td style="text-align: center; vertical-align: bottom;">
Unit 1
<div style="margin:auto;overflow:hidden;border-radius:15px;background-color:#DDDDDD;position:relative;height:200px;width:15px;">
  <div style="border-radius:15px;background-color:#29577A;position:absolute;bottom:0px;width:15px;height:66%;">
  </div>
</div>
</td>

<td style="text-align: center; vertical-align: bottom;">
Unit 2
<div style="margin:auto;overflow:hidden;border-radius:15px;background-color:#DDDDDD;position:relative;height:200px;width:15px;">
  <div style="border-radius:15px;background-color:#29577A;position:absolute;bottom:0px;width:15px;height:33%;">
  </div>
</div>
</td>

<td style="text-align: center; vertical-align: bottom;">
Unit 3
<div style="margin:auto;overflow:hidden;border-radius:15px;background-color:#DDDDDD;position:relative;height:200px;width:15px;">
  <div style="border-radius:15px;background-color:#29577A;position:absolute;bottom:0px;width:15px;height:1%;">
  </div>
</div>
</td>

<td style="text-align: center; vertical-align: bottom;">
Unit 4
<div style="margin:auto;overflow:hidden;border-radius:15px;background-color:#DDDDDD;position:relative;height:200px;width:15px;">
  <div style="border-radius:15px;background-color:#29577A;position:absolute;bottom:0px;width:15px;height:100%;">
  </div>
</div>
</td>

<td style="text-align: center; vertical-align: bottom;">
Unit 5
<div style="margin:auto;overflow:hidden;border-radius:15px;background-color:#DDDDDD;position:relative;height:200px;width:15px;">
  <div style="border-radius:15px;background-color:#29577A;position:absolute;bottom:0px;width:15px;height:15%;">
  </div>
</div>
</td>

<td style="text-align: center; vertical-align: bottom;">
Unit 6
<div style="margin:auto;overflow:hidden;border-radius:15px;background-color:#DDDDDD;position:relative;height:200px;width:15px;">
  <div style="border-radius:15px;background-color:#29577A;position:absolute;bottom:0px;width:15px;height:55%;">
  </div>
</div>
</td>

<td style="text-align: center; vertical-align: bottom;">
Unit 7
<div style="margin:auto;overflow:hidden;border-radius:15px;background-color:#DDDDDD;position:relative;height:200px;width:15px;">
  <div style="border-radius:15px;background-color:#29577A;position:absolute;bottom:0px;width:15px;height:96%;">
  </div>
</div>
</td>

</tr></table>

```

---

<div class="post-metadata">

**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\
**Post date:** [February 25, 2023, 8:36pm UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/19 "2023-02-25T20:36:25Z")

</div>

> [@Jeff\_Hager](#):
>
> ```auto
> <div style="margin:auto;overflow:hidden;border-radius:15px;background-color:#DDDDDD;position:relative;height:200px;width:15px;">
> <div style="border-radius:15px;background-color:#29577A;position:absolute;bottom:0px;width:15px;height:66%;">
> </div>
> </div>
> 
> ```

Let me try… thanks!

---

<div class="post-metadata">

**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\
**Post date:** [February 25, 2023, 10:33pm UTC](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/20 "2023-02-25T22:33:46Z")

</div>

Amazing @Jeff_Hager … you are a crack 💪

I just asked for a tip or help and you gave me a whole solution. Use a table to split my bars was something brilliant.

This is how my idea is taking shape, I still have to make some improvements but I know what to do or not use  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/4/14b13f37aef9b7784d93656223ac46287463b4e9.png)

Gracias Jeff, ten un gran fin de semana!

[Next page](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249.md?page=2)