Как написать JSON-код для добавления полосы прокрутки в ячейку в столбце списка SharePoint?

#json #sharepoint

#json #sharepoint

Вопрос:

Я не разработчик, но я пытался создать список SharePoint для онлайн-отслеживания всех открытых элементов на сайте нашей команды. Мне удалось получить следующий код для стандартизации шрифта и размера шрифта для столбцов с помощью приведенного ниже кода

 {
    "$schema":"http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
     "elmType":"div",
            "style":{
                  "font-weight":"bold",
                  "font-family":"Trebuchet MS",
                 "font-size":"13px",
                 "font-size-adjust":"0.58"
             },
             "txtContent":"@currentField"
}
  

Для двух столбцов, содержащих значительное текстовое содержимое, я хотел ограничить максимальную высоту строки и ввести вертикальную полосу прокрутки, но не могу понять, каким будет код и как добавить его к вышеописанному коду.

Любая помощь или руководство будут высоко оценены. Заранее спасибо.

введите описание изображения здесь

Выполнение нового кода, предложенного @Thriggle, не уменьшило и не изменило высоту строки столбца.

введите описание изображения здесь

ДАЛЬНЕЙШЕЕ РЕДАКТИРОВАНИЕ JSON-кода добавляется в разделе настроек списка и выбора отдельных столбцов.

введите описание изображения здесь

введите описание изображения здесь

С уважением,

Nilotpal

Ответ №1:

Вы можете добавить свойства стиля, чтобы определить, как должна отображаться ячейка.

Ключевыми дополнениями к вашему блоку стилей будут "overflow-y":"auto" и "max-height":"50px" (замена 50px на любую максимальную высоту, которую вы пожелаете).

Ваш обновленный JSON для расширенного форматирования столбцов будет выглядеть примерно так:

 {
    "$schema":"http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
    "elmType":"div",
    "style":{
        "font-weight":"bold",
        "font-family":"Trebuchet MS",
        "font-size":"13px",
        "font-size-adjust":"0.58",
        "overflow-y":"auto",
        "max-height":"50px"     
    },
    "txtContent":"@currentField"
}
  

Редактировать для наглядности, вот где вы должны добавить этот JSON:

  1. В представлении списка щелкните селектор представления и выберите форматирование текущего представления
  2. Вместо того, чтобы применять форматирование ко всей строке, добавьте его в нужный столбец.

Скриншот выбора форматирования представления

  1. Нажмите на ссылку, чтобы перейти в «Расширенный режим»
  2. Вставьте свои объявления JSON и нажмите кнопку предварительного просмотра, чтобы увидеть, работает ли это

Скриншот применения форматирования к столбцу

В качестве альтернативы вы можете перейти на страницу настроек списка, затем к настройкам для конкретного столбца, к которому вы хотите применить форматирование, и добавить JSON к его параметру форматирования столбца. Это будет применяться ко всем представлениям списка, а не только к одному представлению.

введите описание изображения здесь

Комментарии:

1. Я запустил код, которым вы поделились, но высота строки списка не изменилась. Я также обновил вопрос с помощью последнего изображения для справки.

2. Чтобы убедиться, что я понимаю, вы добавляете этот JSON в селектор «Формат представления», как на скриншотах выше? Предоставленный мной JSON предназначен для работы с одним столбцом, а не для применения ко всей строке.

3. Я добавлял код, зайдя в настройки списка и щелкнув по отдельному столбцу, как указано в разделе «Столбцы».

4. В этом случае может случиться так, что ваш список отображается в «классическом» режиме вместо «современного» режима. Функция форматирования в формате JSON работает только для современных представлений.

5. вы были правы. Я изменил свой параметр на «Новый опыт» в разделе «Дополнительные настройки», и изменения вместе с видом полосы прокрутки сразу становятся видимыми. Спасибо за последний комментарий.

Ответ №2:

Для всех, кто читает этот вопрос, пожалуйста, обратите внимание, что ключевым моментом использования функции форматирования кода JSON является то, что она будет доступна в «современном» представлении списка SharePoint. Кодирование, которым делятся в текущем диалоге, окажет желаемое влияние, только если список SharePoint просматривается в «современном» или «новом» режиме.