Hi everyone, I am developing an app which has card lists. It’s pulliing the data from the database but the production description is long so some info is cut off. How do I make it expand when clicking on either the product image or product description?
You can use a “View More” component available for free in Marketplace. This component only shows a set number of characters,
- Click on the View More text button & you can view all text
- Click on View less to revert to the previous state
Hmm looking ahead, when you press View More, the associate card will get larger throwing off the alignment of all the other records. Maybe you can have the user click on the View More & direct the user to a pop up that shows image with all associated details. It might be more appealing this way because a beautifully aligned card list should stay pristine!
Thank you for your response @eduscvs - But I can’t insert a component inside a card list, so how do I do that?
Ok I forgot. Card List component is currently not custom so you cannot add any other components in it. Sorry I thought it was like a custom list.
You can make you own custom card list using a custom list. A card list is basically a list consisting of groups of image/s, button and text components. I have not built one yet but i think i should be quite straighforward.
Arrange your image, text into a group & select “Make a list”. Select Columns = 2 (looking at your attached image). Now you have a list of images/text that scroll vertically.
@eduscvs Thank you so much! It worked.
1 Like
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.