Posts

Exploring XM Cloud Component Builder: Add Styling To Your Component Part 3

Image
  In my previous  blog , I discussed on  how  to apply rules to the elements and how to implement theme . In the current blog, I'll discuss on Style a component, an elements and customize the theme . In XM Cloud Components , themes are managed in the Styles builder, allowing you to apply them to components with a single click. In a previous blog, I explained that themes consist of pre-built elements and style rules, designed to simplify the styling process by applying multiple styles at once. How to Style a Component Using a Theme: In the Components library, select the component you want to style. In the Components builder, locate the version you want to style and click Current theme in the top-right corner. In the right-hand panel, under the Themes tab, select the theme you wish to apply. The component will now be styled according to the chosen theme. Customizing a Theme You can tailor a theme by selecting alternative styles for certain categories of elements. This is possible o

Exploring XM Cloud Component Builder: Add Styling To Your Component Part 2

Image
  In my previous blog , I discussed on h ow we can add basic style and rules in Sitecore XM Cloud Components style library. In the current blog, I'll discuss on how  to apply rules to the elements and how to implement theme. Applying Style Rules to Elements in XM Cloud Components Once you have added the basic styles (colors, fonts, graphics, and breakpoints) to your  Styles library  and bundled them into style rules, you must specify which style rules can be applied to specific elements. This ensures that only on-brand and curated style options are available in the  Styles library , which will be used in the  Components builder . Custom CSS styles can also be added to elements for greater flexibility. Add a Text Element Style Text elements come with six default collections: Heading 1 , Heading 2 , Heading 3 , Heading 4 , Heading 5 , and Paragraph . Each text element is automatically assigned the corresponding HTML tag (e.g., adding a text element from the Heading 1 collection assi

Exploring XM Cloud Component Builder: Add Styling To Your Component

Image
  Welcome back to our XM Cloud Component Builder series blog. In my previous blog of this series I discussed about how to create a component using XM Cloud component builder. In this blog we will begin with understanding what the Sitecore XM Cloud Components style library. The Styles library and builder of XM Cloud Components is a design system that manages the styles of all components and their versions and ensures visual consistency across all your digital properties.  Define basic styling: In  XM Cloud Components , style design begins with defining the  basic category , which includes fonts, colors, graphics, and breakpoints. Fonts: You can define and select fonts to maintain consistency and readability across your website. To add a font to the Style library, follow these steps: In the Styles builder , click Fonts in the left pane. At the top of the page, click Add font library . In the Font type field, choose either Google or Custom fonts based on your requirements. For custom

Critical Sitecore Vulnerability Resolved: Immediate Patch Required for Unauthenticated File Read Risk

Image
  Critical Vulnerability in Sitecore Software (SC2024-001-619349) Sitecore has identified and resolved a critical vulnerability (SC2024-001-619349) that poses a risk of unauthenticated arbitrary file reads. A patch is now available to address this issue, and Sitecore strongly urges all customers and partners to promptly apply the fix to all affected instances. Impacted Products The vulnerability affects the following Sitecore products: Experience Manager (XM) Experience Platform (XP) Experience Commerce (XC) Managed Cloud Non-Impacted Products The following Sitecore products are not affected by this vulnerability: XM Cloud Content Hub CDP and Personalize (formerly Boxever) OrderCloud (formerly Four51 OrderCloud) Storefront (formerly Four51 Storefront) Moosend Send Discover (formerly Reflektion) Search Commerce Server Affected Versions The vulnerability impacts all Experience Platform

Exploring XM Cloud Component Builder: A Comprehensive Guide to Building Your First Component

Image
  In my previous blog , I discussed the out-of-the-box (OOTB) components of Sitecore XM Cloud. In this blog, we will explore the XM Cloud Component Builder. XM Cloud Component Builder, currently in early access, is the recommended approach for building components for your XM Cloud applications. This Frontend as a Service (FEaaS) allows you to create your brand’s style guide and develop visual components using a WYSIWYG editor. With the Component Builder, you can create a component from scratch or import existing ones for further customization and styling. You can map dynamic data to your components or create responsive components that adapt to different device types. The XM Cloud Component Builder provides: A low-code, visual method to create new components for Sitecore. The ability to map content/data into these components from any source with an endpoint. It supports three methods for fetching data for Sitecore Components: Static JSON : Copy

Introduction to Sitecore XM Cloud Components

Image
  In my previous blog, we discussed about the basic terminology of Sitecore XM Cloud . In this blog post, we will discuss about different components available in Sitecore XM Cloud and how we can use out of the box component in a page. Components are serves as fundamental elements of a page structure which are used to display content and can conveniently edit visually. Page layout configuration of a page determine the position of the component. There are various types of components that can be utilized in XM Cloud: OOTB Components: There are out of the box (OOTB) components available in Sitecore XM Cloud pages. Those are categorized into Commerce, Media, Navigation, Page Content, and Page Structure groups. Sitecore Components: Designers can create components in XM Cloud Components and prepare them for use in XM Cloud Pages. These components can display static or dynamic content. Data source can be internal, external including Content Hub ONE. They can be configured using the settings