Skip to main content

Emulator/BreakPoints

Any Website can be viewed in Desktop,Mobile,Tablet through a Browser.

In Desktop website can be viewed in only one view.

In Mobile and Tablet website can be viewed in 2 modes

1) Potrait (Vertical).

2) Landscape (Horizontal).

So the view in Desktop, Mobile and Tablet can be changed by  using the emulator according to the Design. 

Emulator can also be called breakpoints/Layout mode. This is mainly used to author for multiple view ports as per the Design for all views as below.

  • Mobile (Landscape/Portrait)
  • Tablet (Landscape/Portrait)
  • Desktop

This can be done by using the "Emulator" icon which is on the right corner. 

Select specific Device which needs to change the layout and author the content by using layout option which is there for each component or Layout option in the right corner with the Edit option dropdown.

Note:  These options of Mobile/Tablet will come only if developer adds the breakpoints at the Template level.


For more information on AEM , go through the below syllabus.


Labels:

Comments

Post a Comment

Popular posts from this blog

AEM Author Concepts

What is AEM? Author Publisher Dispatcher in AEM Touch UI vs C lass UI   DAM (Digital Asset Management) Replication/Publish in AEM Parsys/Responsivegrid/Iparsys Components Pages Templates Experience Fragments Content Fragments Emulator / Break Points RichText Tagging Sitemap Personalisation Workflows MSM(Multi Site Management) Users and Groups Environments in SDLC
Post a Comment
Read more

What is AEM?

  AEM is full form is Adobe Experience Manager and many people call it as adobe cq5,cq5.   AEM is a web Content Management System Tool (wcms/cms), which is a used for building websites, mobile apps and forms. AEM makes easy to manage your content and assets.  By using aem, we can dynamically change the content within fraction of seconds and same can be shown in live. Examples:  News Channel websites, in news channel websites the layout (look and feel) will be same only the content changes dynamically. Other CMS Tools: WordPress,Drupal,Sitecore. For more information on AEM , go through the below syllabus. AEM Author Concepts
Post a Comment
Read more

MSM (Multi Site Management)

 Multi Site Manager (MSM) allows aem developers to create copy of existing site and automatically update the copy when changes are done to the source site. Advantages of using MSM: Easily manage multiple websites that share common content. MSM allows aem developers to define relations between the sites so that content changes in one site are automatically replicated in all other sites. Reduces the time to manage your websites and increases the re-use of common content. Maintain common look and feel across all websites. When we should use MSM Sites are in multiple countries. Sites are in multiple languages. Need to reuse/replicate same content in multiple websites. Maintain consistent branding and content across websites. Creation of MSM from scratch (follow below) Create Language Masters Here we will create a sample English site, which will be used in the later point of creating multiple language copies. Create language-masters with any template. Create a sample site with Eng
Post a Comment
Read more