# Array To Inline

**URL:** <https://community.glideapps.com/t/array-to-inline/37312>\
**Category:** Ask for Help\
**Created:** [January 17, 2022, 7:17pm UTC](https://community.glideapps.com/t/array-to-inline/37312 "2022-01-17T19:17:07Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yasin\_Hassanien](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yasin_hassanien/32/9042_2.png) [@Yasin\_Hassanien](https://community.glideapps.com/u/Yasin_Hassanien)\
**Post date:** [January 17, 2022, 7:17pm UTC](https://community.glideapps.com/t/array-to-inline/37312/1 "2022-01-17T19:17:07Z")

</div>

Hi,

Does anyone succeed to convert an array resulting from an API column to the inline list component?

Thanks

---

<div class="post-metadata">

**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\
**Post date:** [January 17, 2022, 8:36pm UTC](https://community.glideapps.com/t/array-to-inline/37312/2 "2022-01-17T20:36:09Z")

</div>

this?

> [@fishbaguette\_breadbasket Transpose Columns to an Inline List: The Miracle Method](https://community.glideapps.com/t/transpose-columns-to-an-inline-list-the-miracle-method/32766/7):
>
> Not sure if this is better, but if you have to set up columns for new items, wouldn’t it cost less columns to achieve this by the following method? I’m only using a screenshot of the table from your video to get the badges name for my example. Use an If Then Else column, if Badges is Non-Smoker then you return the user’s Non-Smoker boolean, you continue that until Hydrates Regularly. Then you can still do an inline list and filter that by is true/is not true. Would it work?

---

<div class="post-metadata">

**Author:** ![Yasin\_Hassanien](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yasin_hassanien/32/9042_2.png) [@Yasin\_Hassanien](https://community.glideapps.com/u/Yasin_Hassanien)\
**Post date:** [January 17, 2022, 8:44pm UTC](https://community.glideapps.com/t/array-to-inline/37312/3 "2022-01-17T20:44:26Z")

</div>

Nope that doesn’t do it

---

<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:** [January 17, 2022, 9:11pm UTC](https://community.glideapps.com/t/array-to-inline/37312/4 "2022-01-17T21:11:12Z")

</div>

Hola,

It’s more a trick than a procedure but worked for me.

Here you can see it [A Google Sheet working as a REST API: good or bad idea? 💣](https://community.glideapps.com/t/a-google-sheet-working-as-a-rest-api-good-or-bad-idea/35668)

---

<div class="post-metadata">

**Author:** ![Yasin\_Hassanien](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yasin_hassanien/32/9042_2.png) [@Yasin\_Hassanien](https://community.glideapps.com/u/Yasin_Hassanien)\
**Post date:** [January 17, 2022, 9:20pm UTC](https://community.glideapps.com/t/array-to-inline/37312/5 "2022-01-17T21:20:57Z")

</div>

I tried the method you did but it splits only the values but the inline list component can’t read it to show as a list

---

<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:** [January 17, 2022, 10:05pm UTC](https://community.glideapps.com/t/array-to-inline/37312/6 "2022-01-17T22:05:34Z")

</div>

Hola de nuevo,

Some screenshots will help a little.

Do you have your JSON paylod (API answer) converted to array? Something like this:

**Step 1**

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/8/48741ad9e67ac1e86fb3a9ca7ed13e53236d9278.png)

**Step 2**  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/2/22aa25bb62c0767d031508594711994f75586a70.png)

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

**Step 3**

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

Bye

---

<div class="post-metadata">

**Author:** ![Yasin\_Hassanien](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yasin_hassanien/32/9042_2.png) [@Yasin\_Hassanien](https://community.glideapps.com/u/Yasin_Hassanien)\
**Post date:** [January 17, 2022, 10:17pm UTC](https://community.glideapps.com/t/array-to-inline/37312/7 "2022-01-17T22:17:12Z")

</div>

I successfully split the array and resulted to the last screenshot but the issue when I try to map it to an inline list its not working

---

<div class="post-metadata">

**Author:** ![Yasin\_Hassanien](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yasin_hassanien/32/9042_2.png) [@Yasin\_Hassanien](https://community.glideapps.com/u/Yasin_Hassanien)\
**Post date:** [January 17, 2022, 10:58pm UTC](https://community.glideapps.com/t/array-to-inline/37312/8 "2022-01-17T22:58:54Z")

</div>

Have you successfully mapped into an inline list ?

---

<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:** [January 17, 2022, 11:49pm UTC](https://community.glideapps.com/t/array-to-inline/37312/9 "2022-01-17T23:49:01Z")

</div>

> Have you successfully mapped into an inline list ?

Yes!

The next steps are:

**Step 4**  
Put your new array in another table (where your Inline list will point out) using a Single Value column

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

**Step 5**

Create so many columns as parameters your API call has. In my case, I have 6 parameters. These columns must be Single Value type using your array column as main source (step 4) and its _Row_ parameter must be pointing out some position (item) of your array.

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

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/8/1880b4677cff76663f1d7914a3be1855fcc23c51.png)

If your JSON payload has the same schema/items always, that _Row_ parameter can be a static number otherwise, you have to create some logic to retrieve the right array position and find the desired value (what I did).

I hope it helps you at least to know what to do.

Feliz noche!

---

<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:** [January 18, 2022, 12:07am UTC](https://community.glideapps.com/t/array-to-inline/37312/10 "2022-01-18T00:07:59Z")

</div>

As @gvalero pointed out, you can’t simply use an array resulting from a string in an inline list. You must have rows attached to each of them.

---

<div class="post-metadata">

**Author:** ![Yasin\_Hassanien](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yasin_hassanien/32/9042_2.png) [@Yasin\_Hassanien](https://community.glideapps.com/u/Yasin_Hassanien)\
**Post date:** [January 18, 2022, 4:03am UTC](https://community.glideapps.com/t/array-to-inline/37312/11 "2022-01-18T04:03:20Z")

</div>

So I will have it as a static row then map them via single column

Well it works this way but in this case we wouldn’t be able to create a dynamic row, am I getting it right?

---

<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:** [January 18, 2022, 8:29am UTC](https://community.glideapps.com/t/array-to-inline/37312/12 "2022-01-18T08:29:59Z")

</div>

As long as your API result is dynamic then it will be dynamic.

---

<div class="post-metadata">

**Author:** ![Yasin\_Hassanien](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yasin_hassanien/32/9042_2.png) [@Yasin\_Hassanien](https://community.glideapps.com/u/Yasin_Hassanien)\
**Post date:** [January 18, 2022, 11:38pm UTC](https://community.glideapps.com/t/array-to-inline/37312/13 "2022-01-18T23:38:53Z")

</div>

I don’t thing you got my concern

I have to manually create an empty rows with numbers in order to connect them via single value

The issue is in this case I won’t be able to expand them since there is no function in glide can do that

Say I got a row limit in an empty sheet to view the array in which has 100 row

What if my array got a 110 resulted data ?

---

<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:** [January 19, 2022, 12:12am UTC](https://community.glideapps.com/t/array-to-inline/37312/14 "2022-01-19T00:12:25Z")

</div>

You’re right that the rows count is not dynamic and you have to pre-create that, as much as you can.

As I have explained above, you’re trying to create rows out of a JSON payload. Glide needs to have rows attached to each item in the JSON to have a details view for each of them. You can’t just have rows from an array out of the blue.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [January 20, 2022, 12:12am UTC](https://community.glideapps.com/t/array-to-inline/37312/15 "2022-01-20T00:12:27Z")

</div>

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