Тёмный

Horizontal Scrolling in Bubble.io 

mikreative
Подписаться 471
Просмотров 6 тыс.
50% 1

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

 

7 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@guilhermesalles4313
@guilhermesalles4313 Год назад
You took so long layouting the entire thing that I got lost in what exactly makes the horizontal scrolling to work.
@mikreative861
@mikreative861 Год назад
The profile wrapper within the repeating group is set to a min width of 960.
@jameshague7
@jameshague7 Год назад
Glad you said this.. I got lost too. This is like looking up how to change a tyre and being walked through the rubber plantation first.
@mikreative861
@mikreative861 Год назад
lol. very good. I'll take this onboard. Thank you!
@cristobalariasbarros4294
@cristobalariasbarros4294 6 месяцев назад
@@mikreative861 How could I leave the header fixed when scrolling?
@mikreative861
@mikreative861 5 месяцев назад
@@cristobalariasbarros4294@cristobalariasbarros4294 So I understand better; do you want it to stick when scrolling vertically? Do you want the whole page to scroll up or just the table? A couple of thoughts without knowing the details would be to look at the Table Beta instead of a Repeating Group. There is a checkbox to make the header row stick.
@hidekimiyaji6125
@hidekimiyaji6125 2 года назад
Hi, thank you for the tutorial!: How did you make the table header in the example you showed at the beginning of the video scrolls along with the repeating group? Is the table header also inside the repeating group, but visible only in the 1 RG's cell? Thank you!
@mikreative861
@mikreative861 2 года назад
Hi Hideki! You're welcome! Inside the repeating group I have 2 groups. 1 for the labels and one for the repeating content. The repeating group is a column. Each group inside the RG is a row. The labels group has this element is visible on page load unchecked with a conditional when Current cell's index is 1 , this element is visible is checked. I hope that helps!
@leandroribeirodiniz2285
@leandroribeirodiniz2285 Год назад
​@@mikreative861 Great!! Thanks a lot! But I have another problem, if I want the labels group is fixed (as a floating group) when I scroll down the page, what can I do this? In other words, I need that labels group scroll horizontaly togheter the repeating group and when the page scroll down it still visible.
@mikreative861
@mikreative861 Год назад
I apologize for not seeing this earlier. For some reason RU-vid isn't showing me replies to my reply. Have you solved it? If so how?
@3piAI
@3piAI 6 месяцев назад
@@mikreative861 This is such a secrete.
@KennethLowePlus
@KennethLowePlus Год назад
Thanks for taking the time to document this. I had to go step by step, but it seems it is a repeating group with a column format. Inside this, there is a wrapper with a wide minimum width, that forces the scrolling. The actual content is then stored in another group within the wrapper. Is this a fair summary?
@mikreative861
@mikreative861 Год назад
Hi Kenneth! I created an updated video that hopefully is simpler. It also has the steps written out in the description. Essentially, Prep Step would be your overall container, Step 1 is repeating group - you can set the max width on here, Step 2 is the card wrapper where you control the max width, Step 3 is designing the card. Let me know how you make out. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-eh76HB9kcgk.html
@Bravanesia
@Bravanesia Год назад
can you scroll with the normal vertical scroll of the mouse?
@mikreative861
@mikreative861 Год назад
Sorry for the late reply. Good question. I don't have a mouse with a scroll wheel so haven't tested. I did come across this post which would be interesting to try - css-tricks.com/pure-css-horizontal-scrolling/
@GothyPlay
@GothyPlay 10 месяцев назад
Hey mikreative, could you help me?
@GothyPlay
@GothyPlay 10 месяцев назад
@mikreative861 I'm having some trouble getting the column titles to also match the horizontal scrolling
@mikreative861
@mikreative861 9 месяцев назад
Hi, sorry for the late response. Did you get it to work? One tip would be to create the group with the data first, then make a copy to then make the haders.
Далее
Dark mode or light: the Bubble.io edition
37:23
Mcdonalds cups and ball trick 🤯🥤 #shorts
00:25
Просмотров 1,6 млн
ЛЮБИТЕ ШКОЛУ?😁​⁠​⁠@osssadchiy
00:20
Bubble - How to create a horizontally scrolling table
27:23
Bubble.io popup to bottom sheet
13:34
Просмотров 1,3 тыс.
Changed pop-up to slide-in panel in Bubble.io
5:41
Просмотров 2,5 тыс.
Custom States | Bubble.io Tutorial
23:34
Просмотров 49 тыс.
Bubble  Horizontal Scroll in Repeating Group Update
23:11
Bubble.io Repeating Group Cards
24:47
Просмотров 4,9 тыс.
Cards (Flexbox) | Bubble tutorial
12:04
Просмотров 14 тыс.
Responsive Repeating Groups | Bubble.io Tutorial
16:00