Hi when i apply the row format option as shown in below JSON code
------------------------------------------------------------------------------------
{"schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
"hideSelection": true,
"hideColumnHeader": true,
"rowFormatter": {
"elmType": "div",
"style": {
"float": "left",
"height": "170px",
"width": "200px"
},
"attributes": {
"class": "sp-row-card"
},
"children": [
{
"elmType": "div",
"style": {
"text-align": "left"
},
"children": [
{
"elmType": "img",
"attributes": {
"src": "[$Url]",
"title": "image text"
},
"style": {
"width": "48px",
"height": "48px"
}
},
{
"elmType": "a",
"txtContent": "...",
"attributes": {
"href": "[$pageUrl]",
"target": "_blank"
},
"style": {
"float": "right",
"margin-left": "136px",
"font-size": "25px"
}
},
{
"elmType": "div",
"attributes": {
"class": "sp-row-title"
},
"txtContent": "[$Title]"
},
{
"elmType": "div",
"attributes": {
"class": "sp-row-listPadding"
},
"txtContent": "[$Category]"
},
{
"elmType": "div",
"attributes": {
"class": "sp-row-listPadding"
},
"txtContent": "[$Description]"
}
]
}
]
}
}
---------------------------------------------------------------------------------------
And the format looks as shown in below
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------
But if add the same list in site page the image looks like as below
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------
Under three dots 'Underline' is coming please advise how to remove that underline and how to change the three dots color to black.
If the description length greather than 100 character i need to resctrict to 100 character then i need to place three dots.
And how to change the back ground color to some other color