Forum Discussion
SharePoint List Gallery View Formatting - How do I wrap text?
Leonard_Tan Don't remove sp-card-content class from all column components. Just remove it from Description, where you want to apply text wrap.
If you have done the above & still it is not showing other columns, check if those columns are pushed out of card. In this case, you have to increase the height of top div element in JSON.
Also, if the description text length is variable, consider truncating the text because if the text is longer, it will start pushing other columns below & then out of card --> This is what I mentioned in "Note" in my previous post (handling overflow of text).
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
Leonard_Tan Remove sp-card-content class under attributes property of a elmType for [$Title] block.
Note: If you remove above class, you have to manage the overall height of card & overflow of title text.
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
ganeshsanapMany thanks for helping out on the coding tweak, I really appreciate it. I tried editing the part by removing the [spclass] and tweaking a little further and I'm not sure this causes an issue as the card can now only display one component. Is there something I need to look at in order to get every to display out?
Leonard_Tan Don't remove sp-card-content class from all column components. Just remove it from Description, where you want to apply text wrap.
If you have done the above & still it is not showing other columns, check if those columns are pushed out of card. In this case, you have to increase the height of top div element in JSON.
Also, if the description text length is variable, consider truncating the text because if the text is longer, it will start pushing other columns below & then out of card --> This is what I mentioned in "Note" in my previous post (handling overflow of text).
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
ganeshsanap
Thank you very much, you have been a great help. I think the trick is to reset the formatting when adding new columns to the list. This way the system will repopulate the codings for new items. I believe cause the new information isn't on the JSON script which causes the new items to "disappear" from the card view.
I have another question which perhaps not related to this topic title. How do I create a filter that allows users to filter the card to the desired result? Do you know where I could find the learning resources for this? If needed, I will create another topic post for discussion.
- This is the only place on the internet with the right answer... thanks!
If you have already spent time looking at the different "wrap" options for "style", but you still can't get it to work, read ganeshsanap 's answer again. Like me, you probably have a [$Title] block. Right underneath where you've been trying to modify the styles, in the "attributes" section, there is an attribute called "class" that likely has "sp-card-content" in it.
