Создание и изменение мобильных форм Dynamics CRM для телефонов Express
Применимо к: Dynamics 365 (online), Dynamics 365 (on-premises), Dynamics CRM 2016, Dynamics CRM Online
Microsoft Dynamics 365 для телефонов Express использует форму, оптимизированную для использования с телефоном. При редактировании формы вы выбираете, какие поля должны отображаться и в каком порядке. Можно сделать некоторые поля доступными только для чтения, но использовать скрипты для форм в формах CRM для телефонов Express нельзя.
CRM для телефонов Express - это предыдущая версия телефонного приложения для Microsoft Dynamics 365 Последняя версия телефонного приложения - Microsoft Dynamics 365 для телефонов - предусматривает всю ту же функциональность, что и приложение Microsoft Dynamics 365 для планшетов. Сведения о настройке Dynamics 365 для телефонов и планшетов см. в разделе Настройка Dynamics 365 для телефонов и планшетов .
При наличии нескольких форм необходимо изменить порядок форм и назначить соответствующие роли безопасности, чтобы пользователи видели формы, необходимые для решения их задач.
В этом разделе
Просмотр формы Mobile Express
Создание формы Mobile Express
Просмотр формы Mobile Express
Первый шаг в настройке мобильной формы - понять, как она выглядит. Запустите приложение CRM для телефонов Express на телефон и войдите в свою организацию.
Отсюда найдите сущность, имеющую нужную вам форму для редактирования, и откройте существующую запись или создайте новую.
Как видите, форма представляет собой список полей.
Примечание
Отображаются только поля, которые содержат данные.
Для редактирования данных щелкните значок Изменить в нижней части формы. Подписи полей сдвигаются, чтобы предоставить больше места для редактирования. Теперь отображаются все поля. Если прокрутить вниз, можно увидеть список всех связанных сущностей, как определено в соответствующих определениях отношений сущностей.
Создание формы Mobile Express
Если требуется несколько мобильных форм, создайте новую так же, как вы бы создали любой другой тип форм. При создании нескольких форм необходимо задать порядок форм и роли безопасности для формы. Пользователи могут переходить между формами в приложении CRM для телефонов Express; они видят первую форму в том порядке форм, видеть который им позволяют их роли безопасности. Пример см. в разделе Несколько форм .
Перейдите в раздел Параметры > Настройки . Выберите Настроить систему .
Разверните узел Сущности и выберите сущность, для которой нужно создать новую мобильную форму.
Разверните сущность и выберите узел Формы .
Выберите Создать и Mobile – Express .
Если эта команда не отображается, для сущности не включена поддержка CRM для телефонов Express. Для некоторых сущностей это можно изменить. Дополнительные сведения см. в разделе Включение или отключение параметров сущности .
Имена форм Mobile Express не обязательно должны быть уникальными, однако они должны быть значимыми, чтобы их можно было отличить от других форм Mobile Express в списке. Это важно при установке порядка форм.
Теперь можно изменить форму или выбрать Сохранить и закрыть , чтобы закрыть ее.Дополнительные сведения:Изменение формы Mobile Express
Задание порядка форм
В списке форм для сущности выберите Порядок форм и выберите Mobile - Express .
В диалоговом окне Порядок форм выберите форму и используйте зеленые стрелки для перемещения формы вверх или вниз в порядке форм.
При этом будет удобно, что у каждой мобильной формы свое значимое имя.
Выберите ОК , чтобы закрыть диалоговое окно Порядок форм .
Примечание
Вы, как носитель роли "Системный администратор" или "Настройщик системы", имеете доступ ко всем формам. Единственный способ просмотреть найстройки, примененные к формам Mobile Express в приложении CRM для телефонов Express - это задать такой порядок форм, чтобы только что созданная форма находилась сверху.
Изменение формы Mobile Express
В отличие от других форм сущностей, создать новые атрибуты отношения сущеностей в редакторе форм Mobile Express нельзя. Однако можно всегда изменить форму Mobile Express в решении по умолчанию.
В решении по умолчанию с помощью обозревателя решений разверните узел Сущности и выберите сущность с мобильной формой, которую требуется отредактировать.
В списке форм выберите форму, у которой в столбце Тип формы присутствует значение Mobile - Express .
Откроется редактор мобильных форм.
С такой простой формой задачи по настройке заключаются в следующем.
Выбор полей для включения в форму.
Выбор расположения полей.
Решение о предоставлении к некоторым полям доступа только для чтения.
Публикация настроек по завершении. Дополнительные сведения см. в разделе Публикация настроек .
По умолчанию все поля, которые требуются бизнесу или системе, включены в форму, и удалить их невозможно. Если сделать обязательное поле доступным только для чтения, пользователи не смогут изменять это поле. При создании новой записи доступное только для чтения поле не будет отображаться, но пользователь все равно сможет сохранить запись без этих данных. При изменении этой же записи в веб-приложении или в приложении Dynamics 365 для телефонов и планшетов пользователю нужно будет ввести это значение, прежде чем сохранить изменения.
См. также
© Корпорация Майкрософт (Microsoft Corporation), 2017. Все права защищены.
В этой статье мы взглянем на некоторые из новых усовершенствований форм в HTML5, и проанализируем, как они способствуют улучшению пользовательского интерфейса на мобильных. В частности, мы увидим, как формы могут быть расширены с помощью дополнительных входных типов, предлагаемых HTML5, и покажем, что Вы можете ожидать от различных мобильных браузеров.
Типы HTML5 Input
HTML5 имеет кучу новых типов ввода для форм. Эти типы вводов позволяют лучше контролировать входные данные и проверять их. Некоторые из них особенно полезны для мобильных пользователей, у которых часто возникают трудности с работой HTML Input . Полный список типов входных данных приводится ниже:
- color — выбор цвета
- date — выбор даты
- datetime — выбор даты и времени
- email — валидация email-маски
- number — ввод номер
- range — слайдер диапзаонов
- search — поле для поиска
- tel — валидация маски телефона
- time — выбор времени
- url — валидация URL
Разумеется, данный перечень не полный. Сюда не включены типы, которые приняты стандартом, но суть их пока не ясна. Самые популярные и актуальные из приведенных выше типов мы рассмотрим в данной статье с приведением примеров.
1. Input type color
Если поддерживается этот тип входного сигнала, то браузер пользователя вызовет встроенный color-picker (выбор цвета) на клиентском устройстве. Выбранный цвет будет представлен в соответствующем шестнадцатеричном значении RGB.
< input type = "color" / > |
Пример работы:
Стиль всплывающего окна будет зависеть от Вашего браузера. Щелкните на кнопку, чтобы посмотреть, как это работает.
Выберите Ваш цвет:
К сожалению, поддержка данного типа мобильными браузерами оставляет желать лучшего. Из всех существующих, корректное отображение можно найти только в Opera Mobile и Chrome Android . Для всех остальных обозревателей будет показано пустое текстовое поле. Это стоит иметь ввиду. Как вариант, можно набросать палитру на JS либо воспользоваться плагинами.
2. Input type date
Если поддерживается браузером, то предоставляет удобный блок для выбора даты.
< input type = "date" / > |
Пример работы:
Выбор даты:
Обратите внимание, что тип ввода Date , а также варианты типа datetime и datetime-local предлагают полезные атрибуты, такие значения, как min и max , которые могут устанавливать ограничение и проверку данных, вводимых пользователем. Мы это продемонстрируем ниже по тексту.
Тип HTML Input Date поддерживается почти всеми браузерами. Исключение составляют Opera Mini и дефолтный браузер Android.
3. Input type datetime и datetime-local
Этот тип Input позволяет пользователю указывать дату и время в удобном формате. Если поддерживается, то будет отображен как родной виджет дата\время устройства. Разница между указанными типами ввода состоит в том, что первый привязывается к мировому времени, а второй не содержит никакой информации о временной зоне.
< input type = "datetime-local" / > |
Пример работы:
Выбор даты и времени:
Не поддерживается в IE Mobile и Opera Mini. На остальных популярных обозревателях (мобильных) тип работает более мене корректно, однако не редки случаи багов и глюков. Имейте и это ввиду тоже, и не забывайте о запасных вариантов на JavaScript .
4. Input type email
Данный тип не требует представления. Его уже многие используют и он поддерживается практически всеми браузерами.
< input type = "email" / > |
Пример работы:
Введите Ваш e-mail адрес:
Перед отправкой, браузер проверяет корректность заполненного поля и сообщает пользователю в случае недопустимого формата ввода. Расчет идет по следующему выражению {text}@{domain}
5. Input type number и tel
Это еще один тип, который не требует особого обсуждения. Однако, в мобильной среде является очень полезным инструментом. Используйте его в тех случаях, когда пользователю представляется набор только из цифр. При таком раскладе ему будет предложен удобный интерфейс цифровой клавиатуры.
Пример работы:
Выбор значения:
Диапазон по умолчанию в большинстве браузеров находится между 0 и 100. То есть крайнее левое положение ползунка соответствует 0, а правое 100. Можно изменить диапазон с помощью атрибутов min и Max. Мы также можем задать значение шага, через шаг атрибута. Так, чтобы указать диапазон от 5 до 50, с шагом 5, мы будем использовать:
< input type = "range" min = "5" max = "50" step = "5" / > |
Поддержка всеми популярными браузерами, кроме Opera Mini.
7. Валидация формы
Весьма удобно задать специальные атрибуту HTML Input для проверки вводимых данных. К примеру, мы хотим создать поле, которое должно быть обязательно заполнено:
По Вашему запросу мобильная форма сайта найдено 2833 результатов
-
Разработка хорошей навигации для веб сайта является одним из ключевых факторов хорошего развития проекта и того, что посетители начинают исследовать сайт с целью проверить все закоулки (закладки, изображения, текст и так далее) на наличие информации. Смотрите и черпайте вдохновение для своих великолепных проектов.
Соответствие: 7
-
При проектировании мобильных приложений разработчика поджидают различные ловушки, которые могут свести к нулю все усилия. В данном уроке мы опишем 6 самых коварных и типовых ошибок при работе над версиями для мобильных устройств.
Соответствие: 7
-
В данном уроке мы разберёмся, как создать оригинальную форму для сообщений в виде пишущей машинки. Все основные функции данного агрегата, вышедшего из употребления, будут бережно восстановлены с помощью CSS и jQuery.
Соответствие: 7
-
Тут вы узнаете всю правду о сайтах электронной коммерции: согласно последним исследованиям в этой области, по крайней мере 59,8% потенциальных покупателей отказываются от оплаты того, что набрали в корзину (MarketingSherpa 59,8%, SeeWhy 83% и MarketLive 62,14%). Главный вопрос: почему клиенты так часто отказываются от покупок? Дело в том, что есть некоторые принципиальные ошибки, которые разработчики сайтов электронной коммерции очень часто делают. Есть ли общие принципы, которые усложняют жизнь пользователям, чтобы купить наши продукты? И есть ли какой-то осмысленный способ улучшить показатели продаж того, что мы продаём?
Соответствие: 7
-
Самым приятным новшеством в HTML5 является возможность добавления текста по умолчанию в поля форм. Атрибут placeholder позволяет отображать в полях формы определенный текст, пока они пусты или находятся не в фокусе (когда поле в фокусе, оно очищается). Это стильная фишка, но все же она поддерживается не всеми браузерами. В этом уроке я покажу, как с помощью Modernizr, определить, поддерживается ли она данным браузером, и если нет, то забить поля формы текстом по умолчанию динамически через jQuery.
Соответствие: 7
-
Модульная сетка может оказать существенную помощь при создании веб сайта. Она обеспечивает как визуальную структуру для элементов сайта, так и среду для содержания. Она является простым способом создать сбалансированный и единообразный веб сайт.
Соответствие: 7
-
При разработке интерфейса проекта всегда хочется, чтобы он был простым и понятным для пользователя. Не важно, что предлагает ваш сайт, нужно найти баланс между простотой и функциональностью. Очень важно добиться, чтобы пользователь легко находил и понимал любые функции вашего проекта, в идеале - без загрузки других страниц.
Соответствие: 7
-
Представьте, какую бурю эмоций испытает пользователь, которому нужно добавить всего лишь пару символов, чтобы отправить форму с большим объемом вручную заполненных полей, и вдруг все данные теряются. Ужасно. Если, конечно, нет способа восстановить данные, чтобы избежать участи Сизифа.
JQuery Mobile автоматически автоматически добавить стиль в HTML-формы, сделать их более привлекательными, более дружественным на ощупь.
JQuery Мобильный Форма Структура
JQuery Mobile, чтобы использовать CSS для стиля элементов HTML форму, чтобы сделать их более привлекательными и простыми в использовании.
В JQuery Mobile, вы можете использовать следующие элементы формы:
- поле ввода текста
- Поиск поля ввода
- кнопка радио
- флажок
- Выберите Меню
- ползунок
- Флип тумблер
При использовании JQuery Mobile форму, вы должны знать:
- <Форма> элемент должен иметь способ и атрибут действия
- Каждый элемент формы должен иметь уникальный атрибут "ID". Идентификатор должен быть уникальным на всех страницах по всему сайту. Это происходит потому, что Jquery Мобильный одностраничное навигации механизм представлен таким образом, чтобы множество различных страниц одновременно
- Каждый элемент формы должен иметь метку. Вкладка Настройки для свойств, чтобы соответствовать идентификатор элемента
примеров
Попробуйте »
Чтобы скрыть метку, используйте класс UI-скрытый доступный. Это часто используется, когда вы атрибуты элемента в качестве заполнителя тега:
примеров
Попробуйте »
Совет: Мы можем использовать данные чистой-BTN = "истинный " атрибут, чтобы добавить кнопку, чтобы очистить содержимое поля ввода (иконку X справа от поля ввода):
примеров
<Ярлык = "имя_файла"> Имя: метка>
<Входной тип = "текст" имя = "имя_файла" ID = "имя_файла" данных четко БТН = "истинный">
Попробуйте »
JQuery Mobile Forms значок
Форма код кнопки стандартный HTML <вход> элемент (кнопка, сброс, отправить). Они будут автоматически стилей рендеринга, автоматическую адаптацию мобильных устройств к рабочему столу:
примеров
<Тип входного = "Сброс" значение = "кнопка сброса">
Попробуйте »
Если вам необходимо добавить дополнительные стили в <вход> кнопка, вы можете использовать следующую таблицу данные- * атрибуты:
Кнопка для добавления иконки:
<Тип входного = "Сброс" значение = "кнопка сброса">
Попробуйте »
поле Контейнер
Для того, чтобы этикетки и элементы формы выглядят более подходящими для широкого экрана, пожалуйста, или