Как создать мобильные представления для веб-надстройки для Outlook - PullRequest
Новая
       24

Как создать мобильные представления для веб-надстройки для Outlook

0 голосов
/ 04 ноября 2019

Проблема:

У меня есть Outlook Web-Addin, одобренный для рабочего стола. Однако они рекомендовали определенные изменения стиля для iOS и Android, чтобы они были одобрены. Мой код - простой HTML / Javascript и очень простой. Какой базовый фреймворк я могу использовать, чтобы просто получить правильный стиль?

Справочная информация:

Мое приложение было построено с использованием простого Jquery + обычный Javascript и CSS. Я также использовал Fabric UI Fabric JS for Desktop, который только позволял мне использовать различные компоненты. как Spinner и т. д. с дополнительным javascript / CSS

Office UI Fabric? Ткань Реагирует? Тканевое ядро? framework7? :

Я не совсем понимаю, что именно использовать в моем случае использования. Office UI Fabric: я считаю, что он устарел / устарел и, следовательно, Microsoft его не поддерживает. В одном месте они также упомянули, что вы можете использовать framework7, и их веб-сайт также рассказывает о Fabric React и Fabric Core. Когда я проверяю Fabric Core: кажется, это только CSS, цвета и типографика.

Вопрос

Кажется, что Microsoft хочет использовать интерфейс типа Card для iO и Android. Что именно я должен использовать? Я не знаю, реагирую достаточно и не уверен, что это действительно стоит того.

1 Ответ

0 голосов
/ 05 ноября 2019

просматривая документацию:

https://docs.microsoft.com/en-us/outlook/add-ins/outlook-mobile-addins

В частности, следующие разделы:

Чем отличается мобильный телефон? • Небольшой размер и быстрое взаимодействие делают проектирование для мобильных устройств сложной задачей. Чтобы обеспечить качественный опыт для наших клиентов, мы устанавливаем строгие критерии проверки, которым должна соответствовать надстройка, объявляющая о поддержке мобильных устройств, чтобы получить одобрение в AppSource. o Надстройка ДОЛЖНА соответствовать рекомендациям по пользовательскому интерфейсу. o Сценарий для надстройки ДОЛЖЕН иметь смысл на мобильных устройствах.

Сделать его максимально естественным

Это означает, что ваша надстройка будет визуально отличаться при запускев Outlook на iOS против Android. Мы рекомендуем взглянуть на Framework7 как на один из вариантов, который поможет вам со стилем. мы не просим использовать какую-либо конкретную библиотеку, но независимо от того, что вы используете, она должна следовать рекомендациям пользовательского интерфейса.

...