Five New Optimizely Certifications are Here! Validate your expertise and advance your career with our latest certification exams. Click here to find out more
AI OnAI Off
Navigation [hide]
[expand]
- Add-ons
- Architecture
- BLOB providers
- Caching
- Client resources
- Configuration
- Configuring .NET SignalR
- Configuring episerver
- Configuring episerver.basicAuthentication
- Configuring episerver.dataStore
- Configuring episerver.framework
- Configuring episerver.packaging
- Configuring episerver.search
- Configuring episerver.shell
- Configuring Image Service
- Configuring link validation
- Configuring Live Monitor
- Configuring module.config
- Configuring staticFile
- Reading application settings programmatically
- Content
- Providers
- Properties
- Built-in property types
- Built-in auto-suggestion editor
- Restricting content types in properties
- Single or multiple list options
- Writing custom attributes
- Custom properties
- Property attributes
- Property controls
- Property settings
- Assets and media
- Content assets and folders
- Custom editing preview for media
- Media types and templates
- Working with media
- Synchronization
- Selecting content
- Refactoring content type classes
- Persisting IContent instances
- Block types and templates
- Content
- Content Type attributes
- Converting page types for pages
- Creating a page programmatically
- Creating page templates and block controls
- Edit hints in MVC
- IContentRepository/DataFactory interface
- Links
- Localizing the user interface
- Page types and templates
- Deployment
- About the database
- Deployment Center
- Deployment scenarios
- Development environment
- Mirroring
- Planning deployments
- Setting up multiple sites
- Dynamic content
- Configuring dynamic content
- Creating a Hello World dynamic content
- Creating a plug-in
- Creating UI settings for dynamic content
- Using the interfaces
- Dynamic data store
- Editing
- EPiServer CMO
- Installing and configuring the aggregation service
- Integrating EPiServer CMO with external applications
- Configuring Live Monitor for multiple bindings
- Configuring the statistics handler
- Event management
- Globalization
- Initialization
- Localization
- Logging
- Personalization
- Rendering
- Adding edit hints without using Property web control
- Creating a main menu
- Creating a submenu
- Display channels
- Display options
- Navigation menus and listings
- Selecting template based on tag
- Template descriptor
- Using data source controls
- Reports
- Routing
- Scheduled jobs
- Search
- About EPiServer Full-Text Search Client
- About EPiServer Full-Text Search Service
- Adding search providers
- Configuring EPiServer Full-Text Search Client
- Configuring EPiServer Full-Text Search Service
- Installing and deploying Search Service
- Search integration
- Searching and filtering
- Searching for pages based on page type
- Security
- AspNet Identity OWIN authentication
- Authentication and authorization
- Configuring Active Directory membership provider
- Configuring Web Services authentication
- Federated security
- Forms authentication
- Managing cookies on the website
- Mixed mode OWIN authentication
- OWIN authentication
- Permissions to functions
- Protecting users from session hijacking
- Recommendations for ASP.NET security settings
- Securing edit and admin user interfaces
- Virtual roles
- User interface
- Command Pattern
- Context-sensitive components
- Creating a component
- Describing content in the UI
- Developing gadgets
- Dialogs
- Drag-and-drop
- Extending edit view
- Extending the navigation
- Introduction to Dojo
- Message service pool
- Object editing
- Publish and subscribe messaging system
- Service locator
- Shell profile
- Store architecture
- Technical overview
- Using jQuery
- Views
- Virtual path providers
- Workflows
- XForms
Area:
Optimizely CMS
ARCHIVED This content is retired and no longer maintained. See the latest version here.
User interface
This document provides an introduction to the user interface in EPiServer CMS. The UI is based on a framework with a server-side part based on ASP.NET MVC, and a client-side part using the JavaScript library Dojo. The UI offers context awareness where possible, to have the page/user control to automatically reload when the context is changed, to display customized content.
The EPiServer user interface is component-based and pluggable. The UI framework is used in both EPiServer CMS and EPiServer Commerce.
You can also download and install an EPiServer sample site to explore an example of how the user interface is implemented.
- Support for drag-and-drop functionality based on the DND system in Dojo.
- Extendable navigation for easy access to customized modules from the top global menu.
- Support for Dojo Toolkit including Dijit for widgets, as well as JQuery.
- The same user interface framework is used across platform parts.
Examples of extentable parts
The EPiServer user interface is component-based and pluggable, which means that you can do the following:
- Customized gadgets to the left and right panes in the editorial user interface
- Customized gadgets to the dashboard
- Plug-ins to the administration interface
See also
- Creating a component (gadget)
- Context-sensitive components
- Drag-and-drop
- Extending the navigation (global menu)
- EPiServer front-end style guide – contains CSS/LESS classes and styles are available, and focuses on graphical aspects
Last updated: Mar 31, 2014
