Allow Users to Customise Profile using Content Tiles

cornelius.de.jongh · 2020-11-05T10:44:27.123Z

Hi guys,

I would like to offer my users the ability to Customise their profile through the use of Tiles. There will be different types of tiles, each with a different layout. They can add these to their profile and customise the content.

How would I achieve this. They should be able to add as many of these tiles as they like and rearrange the order.

I thought of a repeating group with type ‘Tiles’ but then I got confused as how i’d build it to allow them to choose any type of tile within this.

For example:

1. Text Tile - Subject line (bolded) then text body.
2. Photo TIle - Adds a single photo.
3. Button Tile - Adds a button which they can customise the text &
4. Link Tile - Adds one or multiple links.

Thanks,

Nils

J805 · 2020-11-05T12:21:49.993Z

Hey @cornelius.de.jongh

I have done this before. It takes a little ‘outside of the box’ thinking. So what I did was:

When displaying the information, use a repeating group where all potential tile types are in one cell. Then depending on what tile the user chooses, only display that tile element in the cell using conditionals. That will create an unlimited list of tile type options for the user.

I would give an example for you but at the moment I am booked fully with back to back appointments till Monday, so far. So, once I get a spare moment, in between sessions, I can try to work on an example. It may take a while since I have to give priority to those who book sessions first. Hope you can understand.

Hope that helps!

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

One-on-One Tutoring
eLearning Hub
Video Tutorials
No-Code Classes

cornelius.de.jongh · 2020-11-05T12:23:52.642Z

Makes sense. Is there a way to put the different tile types in the same cell, having them show in the same position without putting them directly on top of eachother which is a pain for making edits to the layout of the tile?

J805 · 2020-11-05T12:26:41.235Z

Yeah. I would suggest not overlapping the elements. Stack them like legos down the page. It will be only showing one of those tile elements, so it won’t matter the stack order or the height of each element. Hope that makes sense.

cornelius.de.jongh · 2020-11-05T18:42:08.758Z

Thanks - what would the best practice be for the data model?

One Data Type called ‘Tile’, then a ‘Type’ field (Social, Text, Image), then all the relevant fields to deliver all these types of Tiles on that one Data Type (Tile) (ie. Title, Text Body [text tile] , Instagram Handle [social tile] , Facebook Handle [social time] , Image [used in image tile].

Or would you recommend I have a Tile type which has ‘Type’ then have a seperate data type for Text Tile, Social Tile etc.

The only nuance is when a single Social Tile has multiple social icons or a single Links tile has multiple Links which leads me towards a RG? Presume a RG inside the RG with conditional for those items.

J805 · 2020-11-06T20:07:24.253Z

I would do one data type with all of the fields in it. Just show the relevant ones to the user. It would be one repeating group but multiple groups in the cell. That way you would only show the group that corresponds to the correct tile type in that cell.

Hope that makes sense.

cornelius.de.jongh · 2020-11-07T15:00:12.064Z

But what happens if I want to offer the user the ability to add One Tile which has a series of Links in (ie. they can add 10 links in one tile). I think for this I’d need another data type called Links Tile then a field on the Tile Data Type called Links (list type). Right?

J805 · 2020-11-09T21:12:31.544Z

That’s one way to do it. Yeah.
If I understood correctly.

cornelius.de.jongh · 2020-11-19T22:02:32.316Z

image1060×738 21.8 KB

How would I turn the text into a RG?

There is 6 different fields here and a user may choose to enter some, or all of them. How would I make it a RG including the icon?

J805 · 2020-11-19T22:57:24.043Z

You can make a data type like this:

contactInfo

icon - ‘text’ (use fa-home, fa-phone, etc)
label - ‘text’
input - ‘text’
type - ‘text’ (home, phone, etc)

Each of those inputs are a type ‘text’ so you can use all of the same database type for it.

Then you can display all of them in a repeating group if you want.

Hope that makes sense.

system · 2021-01-14T10:44:31.441Z

This topic was automatically closed after 70 days. New replies are no longer allowed.