I would like the same functionality as this repeating group of dates, but it seems rather complicated. I have searched for tutorials but no tutorial seems to replicate this function. I want a similar style to image and similar functionality.
I’m sorry, I hope I’m not explaining my question poorly. My apologies. Let me explain further.
The above link, is not my website, but It’s exactly how I want my website to function. I want to create this funtionality. The correct date is highlighted based on todays date and one can click on a date which will in turn show you a repeating group.
To display the current week’s dates with the current day highlighted in blue, start by creating a repeating group that will show each day of the week (Monday to Sunday). Set the repeating group’s type of content to “Date” and use the data source to calculate the current week’s Monday, which you can do with the expression Current Date/Time: rounded down to week + (days): 1. In the repeating group cells, increment the date by using the current cell’s index to display each day from Monday through Sunday.
Then, add a group element behind the date to act as the background for each day. To highlight the current day, go to the conditional tab for this background group, and set a condition where the group’s date matches the current date (Parent group's date" equals Current date/time"). When this condition is met, change the background colour to blue, which will highlight the current day.
It will not accept Current Date/Time because the datasource of an RG requires a list. Bubble removes some options from the dynamic expression options if it believes it cannot ultimately evaluate to a list.
Do you only want to display a week’s worth of dates or a month’s worth of dates?
If you want to display a week, then @darren.james7518 solution works, however you still need to feed a list to the RG. You will need a list of 7 entries, but these don’t necessarily need to be dates.
Option A: Set the datasource to:
Arbitrary Text(‘1234567’:extract with regex (regex pattern = ‘.’ (a single dot))
This looks hacky, but it’s my go to method to create an RG of any arbitrary static lenght without relying on data. Once you have an RG with 7 cells, use the above method outlined by @darren.james7518
You’ll then need to use the action ‘scroll to element in a repeating group’ when one of the RG cells/dates is clicked. You can scroll to the first entry in the Main RG whose date is greater than the clicked on date.
If you are going for option A you should set the datasource type to text.
You are essentially extracting each character of the 1234567 into its own text, creating a list of 7 texts.
Once you have an RG with 7 cells, use @darren.james7518 's method to create the 7 dates using current cell index