SharePoint / sp-dev-docs

SharePoint & Viva Connections Developer Documentation
https://docs.microsoft.com/en-us/sharepoint/dev/
Creative Commons Attribution 4.0 International
1.25k stars 1.01k forks source link

SharePoint list Form footer formatting with JSON #9489

Open Gabriyx1 opened 9 months ago

Gabriyx1 commented 9 months ago

What type of issue is this?

Question

What SharePoint development model, framework, SDK or API is this about?

not applicable

Target SharePoint environment

SharePoint Online

What browser(s) / client(s) have you tested

Additional environment details

No response

Issue description

Does anybody knows how can i add two lines in a footer in sharepoint form?? I found tutorials teaching how to add two links to the footer, but I need to be able to place two notices, one under the other

Sharepoint

I need to add a line with this text "⚠️ Anexe apenas o formulário do fornecedor", this is my actual Json:

{
    "debugMode": false,
    "elmType": "div",
    "style": {
        "width": "100%",
        "text-align": "left",
        "overflow": "hidden",
        "border-top-width": "1px"
    },
    "children": [
        {
            "elmType": "div",
            "style": {
                "width": "100%",
                "padding-top": "10px",
                "height": "24px"
            },
            "children": [
                {
                    "elmType": "a",
                    "txtContent": " ⚠️ Caso trate-se de cadastro de pessoa física (CPF) não é necessário a verificação dos dados, prossiga via MDG.",
                    "attributes": {
                        "target": "_blank",
                        "class": "ms-fontColor-black ms-borderColor-themePrimary ms-fontWeight-bold ms-fontSize-m ms-fontColor-neutralSecondary–hover ms-bgColor-themeLight–hover"
                    }
                }
            ]
        }
    ]
}
ghost commented 9 months ago

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

Fedes365 commented 9 months ago

@Gabriyx1

If this is the result you want to achieve...

Custom-Form

... then here is a code sample:

{ "debugMode": false, "elmType": "div", "style": { "width": "100%", "text-align": "left", "overflow": "hidden", "border-top-width": "1px" }, "children": [ { "elmType": "div", "style": { "display": "block", "width": "100%", "padding-top": "10px", "height": "48px" }, "children": [ { "elmType": "div", "txtContent": " ⚠️ Caso trate-se de cadastro de pessoa física (CPF) não é necessário a verificação dos dados, prossiga via MDG.", "attributes": { "target": "_blank", "class": "ms-fontColor-black ms-borderColor-themePrimary ms-fontWeight-bold ms-fontSize-m ms-fontColor-neutralSecondary–hover ms-bgColor-themeLight–hover" } }, { "elmType": "div", "txtContent": " ⚠️ Anexe apenas o formulário do fornecedor.", "attributes": { "target": "_blank", "class": "ms-fontColor-black ms-borderColor-themePrimary ms-fontWeight-bold ms-fontSize-m ms-fontColor-neutralSecondary–hover ms-bgColor-themeLight–hover" } } ] } ] }

Fedes365 commented 9 months ago

@Gabriyx1

can you provide a feedback about your issue?

Best regards.