Forum Discussion
Looking for help to remove the second scrollbar in Sharepoint Online
I hope you can assist me with an issue I'm encountering on a SharePoint page. As shown in the attached image, the page displays a SharePoint list with a formatted JSON view. Unfortunately, there are two scrollbars appearing on the right side of the page, whereas I only need one.
I have thoroughly searched online for a solution but have been unable to find one that addresses my specific issue. Is there a way to remove the second scrollbar, or is this something we, as users, need to accept as a limitation of the current SharePoint functionality?
I would greatly appreciate your help and guidance on this matter. Thank you very much for your time and assistance!
The JSON code is this:
{
"hideSelection": true,
"hideColumnHeader": true,
"rowFormatter": {
"elmType": "div",
"attributes": {
"class": "ms-bgColor-neutralLighter"
},
"style": {
"display": "flex",
"float": "left",
"width": "350px",
"max-width": "400px",
"margin-left": "0px",
"margin-right": "100px",
"align-items": "flex-start",
"flex-direction": "column",
"padding": "20px",
"border-radius": "12px",
"border": "1px solid #ddd",
"box-shadow": "0 4px 8px rgba(0,0,0,0.1)",
"margin-bottom": "15px",
"background-color": "#ffffff",
"overflow": "hidden",
"text-align": "left"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"font-size": "20px",
"color": "#0078d4",
"margin-bottom": "10px"
},
"txtContent": "=[$Title]"
},
{
"elmType": "div",
"style": {
"margin-bottom": "10px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px"
},
"txtContent": "Description de la fonction:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"txtContent": "=[$DescriptionDeLaFonction]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "15px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px"
},
"txtContent": "Employeur:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"txtContent": "=[$Employeur.title]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "15px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "20px"
},
"txtContent": "Profil: Compétences:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px",
"margin-left": "20px"
},
"txtContent": "Compétences techniques:"
},
{
"elmType": "div",
"style": {
"color": "#333",
"margin-bottom": "10px",
"margin-left": "20px"
},
"txtContent": "=[$CompetencesTechniques]"
},
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px",
"margin-left": "20px"
},
"txtContent": "Compétences comportementales:"
},
{
"elmType": "div",
"style": {
"color": "#333",
"margin-bottom": "10px",
"margin-left": "20px"
},
"txtContent": "=[$CompetencesComportementales]"
},
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px",
"margin-left": "20px"
},
"txtContent": "Atouts:"
},
{
"elmType": "div",
"style": {
"color": "#333",
"margin-bottom": "10px",
"margin-left": "20px"
},
"txtContent": "=[$Atouts]"
}
]
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "10px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px"
},
"txtContent": "Conditions:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"txtContent": "=[$Conditions]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "10px",
"color": "#333",
"font-size": "16px",
"margin-left": "20px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px"
},
"txtContent": "Diplôme requis:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"txtContent": "=[$DiplomeRequis]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "10px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px",
"margin-left": "20px"
},
"txtContent": "Rôle Linguistique:"
},
{
"elmType": "div",
"style": {
"color": "#333",
"margin-left": "20px",
"margin-bottom": "20px"
},
"txtContent": "=[$RoleLinguistique]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "15px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px"
},
"txtContent": "Offre:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"txtContent": "=[$Offre]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "10px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px",
"margin-left": "20px"
},
"txtContent": "Rémunération:"
},
{
"elmType": "div",
"style": {
"color": "#333",
"margin-left": "20px"
},
"txtContent": {
"operator": "+",
"operands": [
"€ ",
"[$Remuneration]"
]
}
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "10px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px",
"margin-left": "20px"
},
"txtContent": "Avantages:"
},
{
"elmType": "div",
"style": {
"color": "#333",
"margin-left": "20px",
"margin-bottom": "20px"
},
"txtContent": "=[$Avantages]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "15px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px"
},
"txtContent": "Personne de Contact:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"txtContent": "=[$PersonneDeContact.title]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "10px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px"
},
"txtContent": "Statut:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"txtContent": "=[$Statut]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "10px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px"
},
"txtContent": "Niveau/Classe:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"txtContent": "=[$NiveauClasse]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "10px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px"
},
"txtContent": "Affectation:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"txtContent": "=[$Affectation]"
}
]
},
{
"elmType": "div",
"style": {
"margin-bottom": "15px",
"color": "#333",
"font-size": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"font-weight": "bold",
"margin-bottom": "2px"
},
"txtContent": "Limite de dépôt de candidature:"
},
{
"elmType": "div",
"style": {
"color": "#333"
},
"txtContent": "=toLocaleDateString([$LimiteDeDepotDeCandidature])"
}
]
},
{
"elmType": "div",
"style": {
"display": "flex",
"justify-content": "space-between",
"margin-top": "10px"
},
"children": [
{
"elmType": "a",
"attributes": {
"href": "=[$URLFR]",
"target": "_blank"
},
"style": {
"display": "block",
"padding": "10px 15px",
"background-color": "#0078d4",
"color": "#ffffff",
"text-decoration": "none",
"border-radius": "6px",
"font-size": "16px",
"font-weight": "bold",
"text-align": "left"
},
"txtContent": "Plus d'info"
},
{
"elmType": "a",
"attributes": {
"href": {
"operator": "+",
"operands": [
"mailto:",
"[$PersonneDeContact.email]",
"?subject=",
"[$Title]",
"&body=Bonjour,",
"\r\n\r\n",
"[$body]"
]
}
},
"style": {
"display": "block",
"padding": "10px 15px",
"background-color": "#0078d4",
"color": "#ffffff",
"text-decoration": "none",
"border-radius": "6px",
"font-size": "16px",
"font-weight": "bold",
"text-align": "left",
"margin-left": "10px"
},
"hoverStyle": {
"background-color": "#005a9e"
},
"txtContent": "Postuler"
}
]
}
]
}
}
No RepliesBe the first to reply
