настройка ширины столбца - sharepoint

#sharepoint #sharepoint-2010

Вопрос:

У меня есть список sharepoint, и поле номера телефона находится в формате ###-###-#### и в итоге получается 2 строки. Как я могу задать ширину для этого конкретного столбца? Нужно ли мне делать это из sharepoint designer?

Ответ №1:

нет способа сделать это из коробки. Необходимо использовать sharepoint designer или jquery. Ознакомьтесь с этим сообщением msdn

http://social.msdn.microsoft.com/Forums/en-US/sharepointcustomization/thread/f99303bb-6a95-4c05-951c-ff0185c4e864

Ответ №2:

Это можно сделать с помощью веб-части xsltlistform. поместите ее на страницу в sharepoint, подключите к своему списку и перемещайте столбцы по мере необходимости.

Примечание: это не то же самое, что изменение представления, которое, как сказал titan, недоступно из коробки без открытия страницы просмотра в sharepoint designer и непосредственного изменения xslt.

1. Я использовал веб-часть contenteditor, как показано по этой ссылке kjellsj.blogspot.com/2009/06 /… и все получилось нормально, но мне пришлось делать это для каждой страницы.

2. Если вы поместите код jquery на свою главную страницу, вы можете использовать это на каждой странице, я бы просто был осторожен с любыми возможными каскадными эффектами, но это все равно может сработать. Рад, что у вас все получилось.

Ответ №3:

Лучший способ — использовать Alt 0160 на жестком диске. Просто введите его один раз и скопируйте этот «Пробел» и вставьте столько, сколько захотите!! Бинго!!

Ответ №4:

В SharePoint Designer 2010 я смог изменить ширину столбца, открыв представление, которое я хотел настроить, затем удлинив с поля заголовка столбца, просто перетащив поле поля больше.

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

Ответ №5:

 <style>
/* new class created */
.ms-longg
{
width:500px
}

</style>
<script type="text/javascript">
$(document).ready(function(){

//removed existing class 

$('input[title^="State"]').removeClass('ms-long');

//add New class for that textbox

$('input[title^="State"]').addClass('ms-longg');


});
</script>

Нажмите здесь, чтобы увидеть более подробную информацию

Ответ №6:

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

примечание: имя столбца является внутренним именем.

      <script        src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js">/script>
    <script language="javascript" type="text/javascript">
           jQuery(document).ready(function() {
              var el = document.getElementsByName("<internal column name>");
              el[0].style.width ="<size>";
           });
     </script>