Figure 1 responsive grid system for all view ports, from desktops, tablets and smart phones

Transcription

1 Pimp your SharePoint with Uihiro our front-end framework for developing responsive, on-prem, hybrid, pure Office 365 and mobile ready projects. Our theming engine provides a rich repeatable design experience producing a SharePoint solution file loaded with custom master pages, global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system. Each theme includes a vast array of reusable components built to provide iconography, drop downs, input groups, navigation, alerts, jquery plugins and much more. A series of scalable vector icons provides a rich palette of elements that can instantly be customised by size, colour, drop shadow, and anything that can be done with the power of CSS. Uihiro is designed for use in SharePoint 2010, 2013, Office 365 and gives Devworkz Appbuilder, Dell Quick Apps, Nintex Workflow and Forms unreal pizzazz!. Build mobile ready applications based on a responsive grid system Uihiro s grid system provides the fastest and easy way to create layouts of web pages. Uihiro introduces the responsive mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size changes. Figure 1 responsive grid system for all view ports, from desktops, tablets and smart phones

2 One Font, 439 Icons by Fontawesome Font Awesome gives you a library of scalable vector icons that can instantly be customised size, colour, drop shadow, and anything that can be done with the power of CSS. Menu systems Create different variations of SharePoint menus and navbars quickly and without effort. You can create, mega menus, static navbars with simple navigation as well as navbars with drop-down menus and search boxes. Tabs, pills and list groups further extend navigation options. Typography All HTML headings, <h1> through <h6>, are available..h1 through.h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.

3 Tables HTML tables are used to present data in grid manner like row and columns. Using Uihiro you can greatly improve the appearance of table in a simple way. Buttons, button groups & message boxes So many colours and sizes to choose from! There's no excuse to have ugly buttons anymore! Message boxes provide contextual feedback messages for typical user actions with flexible alert messages. Progress bars and traffic lights Provide up-to-date feedback on the progress of a process or action with simple yet flexible progress bars. Provide users with dynamics, data driven traffic lights and icons to highlight process state or item level statuses. Media Show your work in innovative ways. Lots of styles to enhance your media content. Extend the default grid system with the thumbnail component to easily display grids of images, videos, text, and more.

4 Sliders and accordions Include that awesome slideshow you always needed in your website. Easier and more flexible than ever! Get base styles and flexible support for collapsible components like accordions. Tiptools and Pop overs A tooltip is a small pop-up that appears when user places the mouse pointer over an element such as link or buttons to provide hint or information about the element being hovered. Modals Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

5 Uihiro in Devworkz Appbuilder and Quick Apps Figure 2 Leverage icons directly in your web parts - no coding. Figure 3 rich tiptool' configuration and placement options Figure 4 dynamic hover-overs provide a rich clean interface for complex data grids Figure 5 integrate live data into progress bars for real time insight

6 Figure 6 use any icons as colour coded traffic lights Figure 7 combine elements to expand the options Figure 8 detailed Hoverover Figure 9 Uihiro and Quick Apps - Risk Matrix

7 Uihiro and Nintex Workflow - credit management approvals and notifications Figure 10 start Nintex workflows and add user defined inputs Figure 11 inline approvals status Uihiro with Nintex Workflow - responsive mobile views Figure 10 data viewed from a large screen desktop Figure 12 mobile views from an iphone, Nintex WF BAM - Credit Status OK Suspended Request a new credit limit

8 Uihiro and Office 365 Figure 13 add powerful customisations directly in the data view Figure 14 limitless formating and display options Figure 15 anonymous forms for public facing O365 sites that connect content directly to Nintex Workflows

9 Theming engine Our theming engine provides a rich repeatable design experience producing custom master pages, global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system. Each theme includes a vast array of reusable components built to provide iconography, drop downs, input groups, navigation, alerts, jquery plugins and much more. Start here

10 Introducing Slayte a bold new template for SharePoint 2013 and O365 Built with Bootstrap Bootstrap is a UI framework for developing websites and web applications. It contains HTML5 and CSS3-based design templates for typography, forms, buttons, and other interface components, as well as several JavaScript plugins. Start here Devworkz is a Quest (Now part of Dell) premiere partner and Nintex partner specialising in SharePoint related products. At Devworkz our focus has aways been centred on how can we help organisations accelerate business productivity. We do this through nimble, rapid code less development in SharePoint. Visit or more information on our Appbuilder training, deployment and migration enablement programs.