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:
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:{“$schema”: “https://developer.microsoft.com/json-schemas/sp/v2/view-formatting.schema.json”,”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,”,”rnrn”,”[$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”}]}]}} Read More