Tag Info

There are a couple good ways to do this Provide a different interface when the page is in edit mode. Image with retina/non-retina support using Glass: @if (Sitecore.Context.PageMode....

This is a bug introduced in SXA 1.5 Please contact Sitecore support, they will provide you a hot-fix for this. The code change is required. For now, without any code changes, you can mitigate this ...

Images won't be cropped by Sitecore by default, and in fact this is additional custom functionality that needs to be implemented if required. If you display the image on a page and your site has been ...

You should create a partial design and use 3 components to achieve this. For the logo you could use Image, Rich Text or Promo - for the CTA a Rich Text or Promo could also be ok. And a navigation ...

The simplest way would be to render different markup for Normal vs Experience Editor modes. Something like: @if (Sitecore.Context.PageMode.IsExperienceEditor) { <img src="@(addImageUrlHere)" ...

To make it compatible with most of the devices, Sitecore SXA is using bootstrap 3. but any framework can be adapted. you can add the new bootstrap 4 grid and follow the existing bootstrap structure ...

The Responsive Image variant uses supported browsers' built-in responsive image handling. See the MDN article for details. The browser will cache the largest version loaded - sometimes even if you ...

A quick way is to use the Toggle component. Add a Toggle component where you want your "menu" toggle should be. Put a Navigation component with navigation-mobile class in the toggle's placeholder. ...