Новые возможности sharepoint designer 2010 и workflow editor

How to use SharePoint Designer 2013 to connect to SharePoint 2016/2019 and Online Sites

We can use SharePoint designer 2013 to connect to:

• SharePoint 2016 Site
• SharePoint 2019 Site
• SharePoint 2013 Site
• SharePoint Online Site

There is no separate designer to work with SharePoint 2016/2019 sites or SharePoint online sites, you can use SharePoint designer 2013, to connect to SharePoint 2016/2019 and SharePoint online sites. (SharePoint Designer 2016 Download and Updates)

Microsoft has already released SharePoint 2019 for Production use.

Once SharePoint designer 2013 installed successfully, open SharePoint 2013 designer and click on Open Site like below:

sharepoint designer 2013 tutorial

Then in the Open Site dialog box, give your SharePoint online or SharePoint 2016 site url. Then click on Open. Then it will ask for credentials to connect, provide the login details like below:

how to use sharepoint designer 2013

Then your sharepoint online site will open in sharepoint 2013 designer like below:

how to use sharepoint designer 2013 with office 365

Открытие сайта

Работа в SharePoint Designer начинается с открытия сайта. На рисунке 2 представлена вкладка Сайты, которая поделена на 4 области:

• Открытие сайта SharePoint,
• Последние сайты,
• Создание сайта SharePoint,
• Шаблоны сайтов.

Обратите внимание на кнопки, которые относятся к личному узлу пользователя: Настроить мой сайт и Добавить дочерний сайт на мой сайт. Для использования этих функций необходимо использование Office SharePoint Server.

Область Шаблоны сайтов содержит четыре кнопки, три из которых создают стандартные шаблоны (блог, пустой сайт, сайт группы)

Четвертая кнопка служит для вывода полного списка шаблонов и особенно удобна если на сервере имеется большое количество шаблонов. В этом списке можно отметить те шаблоны, которые пользователь желает видеть при запуске SharePoint Designer.

Cписок последних открытых сайтов показывает сайты SharePoint которые редактировались недавно. Открытие узла из этого списка происходит по одному щелчку. Таким образом, список Последние сайты позволяет сильно сэкономить время открытия сайта.

При первом запуске SharePoint Designer 2010 необходимо открыть сайт. В ходе открытия будет показан диалог, подобный тому, который был в предыдущей версии. Введите адрес сайта в поле Название сайта и нажмите Открыть. После его открытия, в этом же диалоге можно просмотреть подсайты текущего сайта и выбрать нужный для редактирования.

Рис. 2 –Сайты в закладке Файл на новой ленте SharePoint Designer 2010

Страницы

Насколько интерфейс отличается от предыдущей версии можно увидеть на рисунках 3 и 4 (показаны версии 2007 и 2010 соответственно).

Рис.3 – Пустая HTML-страница SharePoint Designer 2007

В 2007 версии ядро пользовательского интерфейса базировалось на редакторе страницы и браузере файлов узла.

Рис.4 – Открытие сайта в SharePoint Designer 2010

На рисунке 4 представлены следующие элементы: лента, навигационная область окна, предоставляющая доступ к объектам сайта, строкой breadcrumbs с выпадающим меню на каждом уровне, а также вкладки страниц галерей, настроек, и редакторов. В данном случае, показана страница редактирования параметров сайта. При этом на ленте можно видеть команды для управления содержимым сайта.

Страницы редактирования параметров

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

Страницы галерей

Страницы галереи показывают список содержимого сайта или списка определенного типа. Обычно они открываются с помощью навигационной панели. Нажатие на пункт Списки и библиотеки откроет Галерею списков и библиотек, как показано на рисунке 5.

Рис.5 – Галерея списков и библиотек сайта

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

При нахождении на странице галереи лента позволяет выполнить создание или редактирование элементов. Кроме того, представлена функция предварительного просмотра в браузере (клавиша F12 также может быть использована для вызова предварительного просмотра).

Галереи могут быть помещены на панель навигации в качестве «минигалерей». Используйте иконку кнопки справа от названия раздела навигационной панели для того, чтобы закрепить выбранную галерею, рисунок 6.

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

Рис.6 – «Минигалереи» в навигационной панели

Редакторы элементов

У некоторых элементов есть специальные страницы для их редактирования. Например, списки, библиотеки, типы содержимого, страницы, и рабочие процессы имеют собственные редакторы.

Редактор страницы незначительно изменился по сравнению с прошлой версией. Но теперь он имеет ленту, и несколько новых особенностей (таких как Skewer Click), описание которых в статью не входят.

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

Breadcrumbs, вкладки и навигация

Существенные изменения претерпела навигация. Большая часть навигации функционирует наподобие Проводника Windows. Новые Breadcrumbs позволяют перемещаться вглубь иерархии с помощью выпадающего меню с дочерними элементами, рисунок 7. Вперед и назад можно пермещаться с помощью удобных кнопок. Также можно использовать дополнительные кнопки мыши (если у мыши есть кнопки «вперед» и «назад»).

Рис.7 – Передвижение вглубь иерархии с помощью выпадающего меню с дочерними элементами

Каждая вкладка хранит собственную историю переходов, рисунок 8.

Рис.8 – Кнопка истории переходов в пределах одной вкладки

Microsoft SharePoint designer 2010

The next version of SharePoint designer comes as Microsoft SharePoint Designer 2010 with lots of enhancements from sharepoint designer 2007.

Few enhancements of SharePoint designer 2010 are:

• It comes with new UI enhancement compared to sharepoint designer 2007 like Ribbon menu and the Navigation pane.
• In SharePoint 2010, you can create external content types (ECTs) to define external data for Business Connectivity Services (BCS). SharePoint Designer 2010 has a built-in editor for ECT.
• There are lots of improvements in a workflow are in SharePoint designer 2010, In SharePoint 2010 Designer you can create reusable workflows that are independent of specific lists or libraries. SharePoint Designer (SPD) 2010 also supports improved security models with impersonation steps.

Download SharePoint Designer 2010

SharePoint designer 2010 is available in both a 32-bit application and a 64-bit application.

• Download SharePoint designer 2010 (64-Bit) (sharepoint designer 64 bit)
• Download SharePoint designer 2010 (32-Bit)

If you want to install both SharePoint designer 2010 and SharePoint designer 2007 in the same machine then you should install 32-bit version of both SharePoint designer. You can not install with SharePoint designer 64 bit version.

And also if you are using a 32-bit operating system, you will use the 32-bit version of SharePoint Designer. And also if you have 64-bit Office installed in the environment, then you have to install SharePoint designer 64 bit.

Various Components of SharePoint Designer 2013

Ribbon

It displays various option in SharePoint ribbon, to create web part pages, options to create a list, to create a document library, to create list workflow, to create a reusable workflow, to create site workflow, create subsites, rename site, add users to SharePoint group, Save as template option etc.

microsoft sharepoint designer

Site Objects

Left side section is known as Site Objects. Here you can navigate to various SharePoint objects like: List and Libraries, Workflows, Sites Pages, Site Assets, Content Types, Site Columns, External Content Types, Data Sources, Master pages etc.

sharepoint designer 2013

Site Information

This displays information about the site like Title, Description, web address SharePoint version, Server version, Total Storage used etc.

sharepoint designer 2013

You can use the Edit site home page link to edit the page like below:

microsoft sharepoint designer 2010

It displays Quick launch enable tree view option like below:

sharepoint designer online

Permissions

Permissions section displays all the permissions presented in the site.

sharepoint designer tutorial for beginners

What is SharePoint Designer?

SharePoint Designer is one of the preferred tools for designing powerful no code solution in SharePoint.

SharePoint Designer is a free web editing tool for building solutions for SharePoint sites. By connecting to the SharePoint site using this tool, you can administer the site, can work on workflows like you can create workflows using SharePoint designer 2013, can customize pages etc.

Microsoft SharePoint designer renders pages like what you see is what you get (WYSIWYG) editor.

Any modifications you make to a site using SharePoint Designer are saved in the SQL Server content databases via SharePoint Foundation or SharePoint Server.

Therefore, before you can use SharePoint Designer, you need access to an environment in which SharePoint is already installed.

Создание визуальной веб-части в SharePoint Designer 2010

В этой задаче создается визуальная веб-часть в Microsoft SharePoint Designer 2010.

Создание визуальной веб-части

1. Запустите SharePoint Designer 2010, щелкнув меню «Пуск», Все программы, Microsoft Office и Microsoft SharePoint Designer 2010.

2. Нажмите кнопку Открыть сайт в диалоговом окне Открытие веб-сайта и введите URL-адрес локального веб-сайта (например, http://localhost/SampleWebPartSite) в поле Имя сайта.

3. В левой области навигации сайта SharePoint щелкните вкладку Страницы сайта и выберите Home.aspx.

4. В меню ленты щелкните Изменить файл и выберите команду Изменить файл в расширенном режиме. Игнорируйте любые ошибки, которые могут отображаться на экране, нажимая кнопку OK.

5. На вкладке представления Главная щелкните Код в нижней части панели конструктора, чтобы отобразить представление кода.

6. На экране кода прокрутите страницу вниз и поместите указатель перед конечным тегом </ContentTemplate> (после закрывающего тега </WebPartPages:WebPartZone>), как показано на рис. 1.

   Рис. 1. Поместите указатель перед тегом </ContentTemplate>

7. Щелкните вкладку ленты Вставить и выберите Представление данных.

8. В раскрывающемся списке выберите Сотрудники. SharePoint Designer добавляет веб-часть XsltListViewWebPart на домашнюю страницу.

9. Щелкните Сохранить в верхней части страницы. При запросе подтверждения нажмите Да.

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

    Рис. 2. В веб-части XsltListViewWebPart отображается список сотрудников

SharePoint designer 2013

SharePoint designer 2013 is a free tool that you can use to do some no-code customization in your SharePoint site.

To work with SharePoint designer we first need to download and install it.

Download SharePoint designer 2013

Download SharePoint 2013. You should download the 64-Bit version of SharePoint designer (SharePoint designer 64 bit).

Few things you can do using SharePoint designer 2013

• Open the existing SharePoint on-premise (2016/2013) or SharePoint Online site. Create new sites using site templates.
• Create / Customize Lists like add columns, create views, etc., Libraries, and other SharePoint objects.
• Create a new master page or edit existing master pages.
• Design various workflows using SharePoint designer 2013 for both SharePoint online as well as on-premise sites.
• Create external content types.

Open SharePoint 2013/2016/2019 Site using SharePoint designer 2013

You can open SharePoint 2016/2013 on-premise site as well as you can open your SharePoint Online (Office 365) sites using SharePoint designer 2013.

Once it is downloaded search for “SharePoint Designer 2013”. Click Open Site on the SharePoint Designer 2013 start page.

Open on-premise site, first SharePoint 2013 designer and then click on Open Site button. Then give the url of the SharePoint site. Enter the credentials when it is asked.

Then your open premise site will looks like below:

sharepoint designer

Similarly, you can open your SharePoint online site also. In that case, you need to provide the online credentials.

Новые действия рабочих процессов

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

Рис.12 – Добавление действия в рабочий процесс

Рис.13 – Редактор рабочих процессов

Рис. 14 – Отображение существующих вариантов

Рис. 15 – Выбор необходимого действия

Среди доступных действий имеются новые, список которых приведен ниже:
Основные действия (Core Actions)

• Добавить примечание (Add a comment)
• Изменить состояние рабочего процесса (Set Workflow Status)

Действия с отношениями (Relational Actions)

Найти руководителя для пользователя (Lookup Manager of a User)

Действия с задачами (Task Actions)

Нет новых действий

Вспомогательные действия (Utility Actions)

• Извлечь подстроку с конца строки (Extract Substring from End of String)
• Извлечь подстроку с начала строки (Extract Substring form Index of String)
• Извлечь подстроку, начиная с определенного символа строки (Extract Substring form Start of String)
• Извлечь подстроку указанной длины, начиная с определенного символа строки (Extract Substring of String from Index with Length)
• Найти интервал между датами (Find Interval Between Dates)