cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highwaywoman1
Frequent Visitor

JSON Formatting Row View

Hello. Happy Tuesday.

 

I have custom JSON formatting, i changed it up a bit from the original and i got stuck with how to get this 'div' on the left to match the height of the "div" on the right when it expands due to wrapping... Ultimately i would love for it to match the height.

At very least, cut off the text  upon adjusting the width...That is last resort. 

I took from github List view samples (link)

 

Highwaywoman1_0-1663696035711.png

{
"hideListHeader": true,
"hideSelection": true,
"rowFormatter": {
"elmType": "div",
"style": {
"position": "relative",
"width": "100%",
"height": "100%",
"margin": "5px 0"
},
"children": [
{
"elmType": "button",
"customRowAction": {
"action": "defaultClick"
},
"attributes": {
"class": "ms-bgColor-white ms-bgColor-themeLighter--hover"
},
"style": {
"width": "100%",
"display": "flex",
"padding": 0,
"height": "100%",
"border": "none",
"cursor": "pointer"
},
"children": [
{
"elmType": "div",
"attributes": {
"class": "ms-borderColor-themePrimary ms-bgColor-themePrimary"
},
"style": {
"min-width": "150px",
"display": "flex",
"border-width": "1px",
"border-style": "solid",
"height": "100%",
"box-sizing": "border-box",
"align-items": "center"
},
"children": [
{
"elmType": "div",
"attributes": {
"iconName": "=if([$Category] == 'Action Needed', 'warning', if([$Category] == 'Documentation', 'Document', if([$Category] == 'Information', 'Info', 'Tag')))",
"class": "ms-fontSize-m ms-fontWeight-regular ms-fontColor-white",
"title": "[$Category]"
},
"style": {
"flex": "none",
"padding": "10px",
"padding-left": "18px",
"padding-top": "16px",
"height": "100%"
}
},
{
"elmType": "div",
"style": {
"flex-grow": "1",
"text-align": "left",
"max-width": "100px"
},
"children": [
{
"elmType": "div",
"attributes": {
"class": "ms-fontSize-m ms-fontWeight-semibold ms-fontColor-white",
"title": "=toLocaleDateString([$Modified])"
},
"style": {
"margin-right": "12px",
"overflow": "hidden",
"white-space": "nowrap"
},
"txtContent": "=toLocaleDateString([$Modified])"
},
{
"elmType": "div",
"attributes": {
"class": "ms-fontSize-l ms-fontWeight-normal ms-fontColor-white",
"title": "[$Category]"
},
"style": {
"margin-right": "12px",
"overflow": "hidden",
"white-space": "nowrap",
"height": "100%",
"font-size": "11px"
},
"txtContent": "[$Category]"
}
]
}
]
},
{
"elmType": "div",
"attributes": {
"class": "ms-fontColor-themePrimary ms-borderColor-themePrimary ms-fontWeight-semibold ms-fontSize-l"
},
"style": {
"border-width": ".1mm",
"border-style": "solid",
"box-sizing": "border-box",
"width": "100%",
"height": "100%",
"text-align": "left",
"padding": "10px 28px 11px 15px",
"overflow": "hidden"
},
"children": [
{
"elmType": "div",
"txtContent": "[$Title]",
"style": {
"height": "100%",
"font-size": "12px"
},
"attributes": {
"title": "[$Title]",
"class": "ms-fontWeight-normal"
}
},
{
"elmType": "a",
"txtContent": "=if ([$Category] == 'Action Needed', [$TakeActionText], '')",
"attributes": {
"target": "_blank",
"class": "ms-fontSize-s ms-fontWeight-semibold ms-fontColor-lightblue",
"href": "[$TakeAction]"
}
}
]
}
]
},
{
"elmType": "button",
"customRowAction": {
"action": "share"
},
"attributes": {
"class": "ms-fontColor-themeLight ms-fontColor-themeDark--hover",
"title": "Share Item"
},
"style": {
"border": "none",
"background-color": "transparent",
"cursor": "pointer",
"position": "absolute",
"top": "12px",
"right": "0"
},
"children": [
{
"elmType": "span",
"attributes": {
"iconName": "Share",
"class": "ms-font-l"
}
}
]
}
]
}
}

Tagging @RandyHayes  since it's been a while.

3 REPLIES 3
RandyHayes
Super User
Super User

@Highwaywoman1 

Tagged I was!!

 

However...your post is related to a PHP solution...not a PowerApps solution.  So, I don't have anything to provide help on this, and there might not be any other answer on this Forum as it is focused on PowerApps. 😮

_____________________________________________________________________________________
Digging it? - Click on the Thumbs Up below. Solved your problem? - Click on Accept as Solution below. Others seeking the same answers will be happy you did.
NOTE: My normal response times will be Mon to Fri from 1 PM to 10 PM UTC (and lots of other times too!)
Check out my PowerApps Videos too! And, follow me on Twitter @RandyHayes

Really want to show your appreciation? Buy Me A Cup Of Coffee!

aw, shoot. Okay. Going to go see if i can find another forum. Thanks Randy! I'll keep this one up just in case 🙂

RandyHayes
Super User
Super User

@Highwaywoman1 

No worries!  I hope someone can help...either here or on another forum.

_____________________________________________________________________________________
Digging it? - Click on the Thumbs Up below. Solved your problem? - Click on Accept as Solution below. Others seeking the same answers will be happy you did.
NOTE: My normal response times will be Mon to Fri from 1 PM to 10 PM UTC (and lots of other times too!)
Check out my PowerApps Videos too! And, follow me on Twitter @RandyHayes

Really want to show your appreciation? Buy Me A Cup Of Coffee!

Helpful resources

Announcements
Power Apps News & Annoucements carousel

Power Apps News & Announcements

Keep up to date with current events and community announcements in the Power Apps community.

Power Apps Community Blog Carousel

Power Apps Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Top Kudoed Authors
Users online (4,624)