Sharepoint online list column formatting

%3CLINGO-SUB%20id%3D%22lingo-sub-1071864%22%20slang%3D%22en-US%22%3ESharepoint%20online%20list%20column%20formatting%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1071864%22%20slang%3D%22en-US%22%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3ESo%2C%20I've%20been%20having%20this%20problem%20for%20a%20while%20now%2C%20and%20I%20think%20the%20solution%20should%20be%20very%20basic%2C%20but%20still%20I%20could%20not%20figure%20it%20out.%20I%20have%20a%20list%20in%20which%20there%20is%20a%20column%20'Action'.%20This%20column%20is%20set%20to%20text%20type%2C%20but%20I%20can't%20properly%20format%20it%20the%20way%20I%20wanted.%20What%20I%20would%20like%20is%20the%20column%20height%20and%20width%20to%20be%20fixed%20at%20x%20ppx%20with%20the%20text%20formatting%20to%20be%20like%20picture%202%20(text%20being%20cut%20in%20downwards).%20But%20I%20only%20manage%20to%20get%20the%20column%20to%20show%20as%20picture%201%20text%20being%20cut%20upwards).%20Is%20there%20any%20way%20to%20achieve%20this%3F%20I've%20tried%20it%20with%20align-left%20and%20top-align%2C%20but%20with%20no%20success.%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%3CSTRONG%3E--%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fimgur.com%2FmjWImcL%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EPicture%201%3C%2FA%3E%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%3CSTRONG%3E--%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fimgur.com%2FOREEh32%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EPicture%202%3C%2FA%3E%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3EFYI%2C%20this%20is%20the%20formatting%20code%20I'm%20using%20for%20the%20column%20'Action'%20right%20now%3A%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%7B%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%22%24schema%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%3C%2FA%3E%22%2C%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%22elmType%22%3A%20%22div%22%2C%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%22txtContent%22%3A%20%22%40currentField%22%2C%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%22style%22%3A%20%7B%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%22min-height%22%3A%20%2270px%22%2C%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%22max-height%22%3A%20%22100px%22%2C%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%22scroll-behavior%22%3A%20%22unset%22%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%7D%3C%2FP%3E%3CP%20class%3D%22_1qeIAgB0cPwnLhDF9XSiJM%22%3E%7D%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1071864%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1084695%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20online%20list%20column%20formatting%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1084695%22%20slang%3D%22en-US%22%3EIf%20you're%20using%20modern%20experience%2C%20then%20try%20with%20below%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%7B%3CBR%20%2F%3E%22%24schema%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%3C%2FA%3E%22%2C%3CBR%20%2F%3E%22elmType%22%3A%20%22div%22%2C%3CBR%20%2F%3E%22txtContent%22%3A%20%22%40currentField%22%2C%3CBR%20%2F%3E%22style%22%3A%20%7B%3CBR%20%2F%3E%22min-height%22%3A%20%22100%25%22%2C%3CBR%20%2F%3E%22max-height%22%3A%20%22100%25%22%2C%3CBR%20%2F%3E%22scroll-behavior%22%3A%20%22unset%22%3CBR%20%2F%3E%7D%3CBR%20%2F%3E%7D%3C%2FLINGO-BODY%3E
Highlighted
Occasional Visitor

So, I've been having this problem for a while now, and I think the solution should be very basic, but still I could not figure it out. I have a list in which there is a column 'Action'. This column is set to text type, but I can't properly format it the way I wanted. What I would like is the column height and width to be fixed at x ppx with the text formatting to be like picture 2 (text being cut in downwards). But I only manage to get the column to show as picture 1 text being cut upwards). Is there any way to achieve this? I've tried it with align-left and top-align, but with no success.

-- Picture 1

-- Picture 2

FYI, this is the formatting code I'm using for the column 'Action' right now:

{

"$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",

"elmType": "div",

"txtContent": "@currentField",

"style": {

"min-height": "70px",

"max-height": "100px",

"scroll-behavior": "unset"

}

}

1 Reply
Highlighted
If you're using modern experience, then try with below:

{
"$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
"elmType": "div",
"txtContent": "@currentField",
"style": {
"min-height": "100%",
"max-height": "100%",
"scroll-behavior": "unset"
}
}