Bubble.io Repeating Group Cards

Подписаться 471

Просмотров 5 тыс.

50% 1

This is a version of the repeating group horizontal scroll focusing on cards. Using an image for the background, these cards will look good and be readable in both light and dark mode.
Tool: bubble.io/
Photo credits
Photo by ian dooley on Unsplash made wild
Photo by Taylor on Unsplash - outcast clothing
Photo by Eduardo Dutra on Unsplash - the Golden State
Photo by Guillaume Bleyer on Unsplash - forever reckless
Photo by Pinho . on Unsplash - focus
Photo by Dmitry Rodionov on Unsplash - captain
Photo by Jose Soto on Unsplash - poetic justice
Photo by David Hurley on Unsplash - bubble gum
Photo by Omar Maldonado on Unsplash - too cool
Photo by Hamid Tajik on Unsplash - New York
Thank you!

Опубликовано:

7 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 16

@theZimtastic Год назад

Thank you for sharing your design tutorial, the quality is excellent! If I may share some constructive criticism, the tutorial was very difficult to follow due to the lack of consistent narration. Many of the settings and group selections are not announced which made it very confusing to follow. I had to watch closely step-by-step by going into full screen to see which group was being selected and to make sure I didn't miss a setting. I hope that's helpful, and I look forward to more tutorials from you in the future!

@mikreative861 Год назад

Thank you @theZimtastic! Great feedback. Very helpful. Much appreciated.

@theZimtastic Год назад

@@mikreative861 Sure thing, thank you for making these videos!

@azumahjoshua4610 2 года назад

You are the best God bless you

@Alex-ds6oz Год назад

How did you get data source to display 'All dummy' in the dropdown?

@mikreative861 Год назад

For this example, I created an Option Set called Dummy with attributes of Category, Description, Featured (yes/no), Image (image), price, subcategory, and display. Then added the data to it.

@souleymanebarry8646 Год назад

@@mikreative861 Hello, do you have a video who can explain how to do this please ? (im a begineer)

@mikreative861 Год назад

I'll record one tomorrow. I'll up date this when its posted. Thank you.

@Alex-ds6oz Год назад

@@mikreative861 yes please because i tried what you told me and it didnt work.

@mikreative861 Год назад

I created a video on using a database table to populate the cards and put some resources in the description for courses. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-bFCoAqw8umg.html

@MoundirRohmat Год назад

There is a way to refresh (reset) a RG without loading the page ?

@mikreative861 Год назад

Sorry for the late reply. I imagine you've already found a solution. If not I came a cross this post that might help - medium.com/@tak_m/how-to-refresh-a-repeating-group-in-bubble-io-that-uses-airtable-8cfe9a5347bf

@azumahjoshua4610 2 года назад

Please how can I make the cards scroll when page is opened on phone 🙏

@mikreative861 2 года назад

Hi Azumah, Unfortunately, you can't conditionally change from horizontal scroll to vertical. If you would like it to be vertical instead; - On the appearance tab of the repeating group, uncheck the fixed number of rows - Set the min height of row to 100% - In the card layout tab change the width from 320 to 100% and the height from 100% to 480. I'll look at how we can change from horizontal scroll to vertical scroll using CSS when a page reaches a certain breakpoint. It'll take me a few days.

@mikreative861 2 года назад

Hi Azumah, Sorry this took a little longer than I thought. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yrLuf67wWVo.html