# Audio Player by Adalo (Sizing)

**URL:** <https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989>\
**Category:** Get Help\
**Created:** [August 4, 2020, 2:36pm UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989 "2020-08-04T14:36:13Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![breathengo](https://avatars.discourse-cdn.com/v4/letter/b/b9bd4f/32.png) [@breathengo](https://forum.adalo.com/u/breathengo)\
**Post date:** [August 4, 2020, 2:36pm UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/1 "2020-08-04T14:36:13Z")

</div>

Hey @adalo team congrats on the launch of components! We’ve been super excited.

Question: The sizing of the audio player, buttons, etc – how can we customize the sizing of the player?

Pardon me if I’m missing something simple . . .

#adalo

---

<div class="post-metadata">

**Author:** ![anon78309838](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@anon78309838](https://forum.adalo.com/u/anon78309838)\
**Post date:** [August 4, 2020, 2:46pm UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/2 "2020-08-04T14:46:17Z")

</div>

Do you mean the entire player? Like this?

Before:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/6/6a5fd5165ed398d8afcb6862087d79ee040d9efa.png)

After:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/1/195a2cb50073502fb65d02cf31cad4574f0400f8.png)

---

<div class="post-metadata">

**Author:** ![breathengo](https://avatars.discourse-cdn.com/v4/letter/b/b9bd4f/32.png) [@breathengo](https://forum.adalo.com/u/breathengo)\
**Post date:** [August 4, 2020, 2:59pm UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/3 "2020-08-04T14:59:16Z")

</div>

I mean the ability to make the play, forward/backward buttons to be larger.

They stay the same size regardless of how large you drag the container, right?

And the UX would be terrible if it’s super small like that.

Compare to Spotify’s Big Play button when you’re in its audio player.

@anon78309838 thanks for your reply and support.

---

<div class="post-metadata">

**Author:** ![anon78309838](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@anon78309838](https://forum.adalo.com/u/anon78309838)\
**Post date:** [August 4, 2020, 3:09pm UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/4 "2020-08-04T15:09:48Z")

</div>

As with all icons within Adalo right now, it’s currently not possible to resize them.

There is a feature request here that you can upvote and you will be notified when this has been developed. [Resize Icons and Toggles | Voters | Adalo](https://ideas.adalo.com/feature-requests/p/resize-icons-and-toggles)

---

<div class="post-metadata">

**Author:** ![buddygoat](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/buddygoat/32/5362_2.png) [@buddygoat](https://forum.adalo.com/u/buddygoat)\
**Post date:** [August 5, 2020, 12:02am UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/5 "2020-08-05T00:02:31Z")

</div>

Colin, do you know where i can find a tutorial on how to use the player?

---

<div class="post-metadata">

**Author:** ![zammeer](https://avatars.discourse-cdn.com/v4/letter/z/e47774/32.png) [@zammeer](https://forum.adalo.com/u/zammeer)\
**Post date:** [August 5, 2020, 3:40am UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/6 "2020-08-05T03:40:45Z")

</div>

yeah i need to know which external links they are taking about.

---

<div class="post-metadata">

**Author:** ![anon78309838](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@anon78309838](https://forum.adalo.com/u/anon78309838)\
**Post date:** [August 5, 2020, 9:31am UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/7 "2020-08-05T09:31:54Z")

</div>

There currently is no tutorial specifically for this or other custom components yet. I hope to be able to produce some tutorials on these soon.

In the meantime, can I help you with something specific about it?

---

<div class="post-metadata">

**Author:** ![anon78309838](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@anon78309838](https://forum.adalo.com/u/anon78309838)\
**Post date:** [August 5, 2020, 9:33am UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/8 "2020-08-05T09:33:32Z")

</div>

@zammeer what do you mean by this? Which option are you talking about?

---

<div class="post-metadata">

**Author:** ![StefonW](https://avatars.discourse-cdn.com/v4/letter/s/65b543/32.png) [@StefonW](https://forum.adalo.com/u/StefonW)\
**Post date:** [August 6, 2020, 3:15pm UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/9 "2020-08-06T15:15:55Z")

</div>

In regards to the “URL of song” needed for the audio player, what exactly are we supposed to be linking to? I’ve tried Spotify song links with no luck. Is there not an option to upload an audio file to the database and then have it connect that way?

---

<div class="post-metadata">

**Author:** ![anon78309838](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@anon78309838](https://forum.adalo.com/u/anon78309838)\
**Post date:** [August 10, 2020, 10:40am UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/10 "2020-08-10T10:40:57Z")

</div>

Yes you can upload audio files by using the File picker component.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/a/aed263b9ca23d20b20cde2efdaae991c07760240.png)

---

<div class="post-metadata">

**Author:** ![breathengo](https://avatars.discourse-cdn.com/v4/letter/b/b9bd4f/32.png) [@breathengo](https://forum.adalo.com/u/breathengo)\
**Post date:** [August 10, 2020, 5:35pm UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/11 "2020-08-10T17:35:54Z")

</div>

@anon78309838 so we are linking to URLs to raw .mp3 files correct?

---

<div class="post-metadata">

**Author:** ![anon78309838](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@anon78309838](https://forum.adalo.com/u/anon78309838)\
**Post date:** [August 11, 2020, 10:20am UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/12 "2020-08-11T10:20:09Z")

</div>

@breathengo Yes, that is correct 🙂

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [August 21, 2020, 10:20am UTC](https://forum.adalo.com/t/audio-player-by-adalo-sizing/2989/13 "2020-08-21T10:20:20Z")

</div>

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