SP2010 - изменить ширину столбца списка или установить максимальную ширину с помощью CSS

Question

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

Я пытаюсь изменить ширину столбцов списка, аналогично решению, описанному здесь: http://aanuwizard.com/2010/08/01/sharepoint-2010-how-to-change-width-of-list-column/ но я не хотел использовать конструктор sharepoint. В идеале я мог бы просто установить максимальную ширину для всего, чтобы не испортить представления, если было введено много контента.

Я надеялся сделать это с помощью CSS, так как я могу внедрить css в свои страницы SP. Является ли это возможным? как я мог это сделать?

Answer 1

Это не очень хорошее решение, но если вы не хотите использовать SharePoint Designer, это может быть то, что вам нужно: одна вещь, которую вы можете сделать, если вы не хотите использовать SharePoint Designer, это добавить веб-часть редактора контента, содержащую JavaScript, который применяет CSS для вас.

Вы бы либо добавили таблицу стилей в веб-часть редактора контента и применили свою таблицу стилей к нужному элементу, либо вы также можете попробовать напрямую изменить свойство.style вашего элемента. Как видно здесь:

function changeElement(id) {
  var el = document.getElementById(id);
  el.style.color = "red";
  el.style.fontSize = "15px";
  el.style.backgroundColor = "#FFFFFF";
}

Еще немного информации о том, как это сделать, можно найти здесь:

http://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript