Skip to main content


Setup Sitecore JSS application

Setup Sitecore JSS application Before starting to create JSS application, we need to understand what is a Sitecore JSS. What is a JSS Sitecore JavaScript Services (JSS) is a complete SDK for JavaScript developers that enables you to build full-fledged solutions using Sitecore and modern JavaScript UI libraries and frameworks. Sitecore JSS support Angular, React and Vue JavaScript framework. How to create a JSS application? Firstly, to develop a JSS application, Node needs to be installed into your system. Install the JSS Command Line Application CLI makes it easy to create a new project, scaffold components, deployment of your JSS application, etc. To installed CLI globally, run below command in the command prompt: npm install -g @sitecore-jss/sitecore-jss-cli Create a JSS application To create a JSS application, need to follow the below steps: Create a folder with any project name In project folder, run jss create <your-app-name>

Sitecore JSS create your first component

Sitecore JSS create your first component  In the previous blog , JSS setup has been done. Now it’s time to create your first component, apply the newly created component into a route and test it in disconnected mode. Scaffold the component To scaffold new component, JSS sample app providing a script which allows you to scaffold new component easily. This script is available in “/scripts/scaffold-component.js” you can customize it as per your requirement. Run below command to scaffold component, type jss scaffold and your component name like HeroBanner. This command will generate all files which are required. jss scaffold HeroBanner After the scaffold HeroBanner component you can see below files has been added into your JSS application: /sitecore/definitions/components/HeroBanner.sitecore.js /src/components/HeroBanner/index.js HeroBanner.sitecore.js will contain template name, icon, fields by default.  index.js will contain view of HeroBanner com

Sitecore Publishing Service with Sitecore 9.2

Sitecore Publishing Service with Sitecore 9.2 Sitecore publishing service (SPS) 1.1 has been launched with Sitecore 8.2, it is an optional replacement of existing Sitecore publishing. Sitecore publishing service module reduces the time spend on publishing large volumes of items also it improves the user experience. SPS runs outside from the Content Management worker process as it SPS runs separate service and move data from master to web database. When Content Editor does any changes, CM server sends a signal to SPS that what changes had been done, then SPS will calculate a manifest of what needs to be publish. After publishing, SPS will send the signal to CM servers that what has been written so that they can update search indexes and clear affected cache, etc. The module has 2 parts. Sitecore Publishing Service Module Package Publishing Host Service Prerequisite .Net Core Sitecore Publishing Service Package Sitecore Publishing Service Module Ins

What is a Sitecore Horizon???

What is a Sitecore Horizon??? Recently Sitecore launched Horizon Editor with Sitecore Experience Platform 9.3. Horizon is the next generation experience for web content management.  Horizon is a combination of Content editor and Experience Editor. Horizon is providing many features, but my personal favorite feature is auto-saved because in experience editor, the content editor needs to click on save after applying any changes.  Horizon is much more clean, simple. Horizon is proving below functionality: Autosave Customize the view Undo/Redo Delete a page or folder Create a page Change display name Edit a page Publish page Add rendering Page Editor Preview a site in Simulator View page insights Autosave Horizon editor saves your changes in every 2 seconds when you will complete editing in field. Customize the view Horizon editor will provide you the facility to adjust the view in different devices like in Phone, Tablet, Desktop. In ph

Sitecore 9 Forms: Robot detection

Sitecore 9 Forms: Robot detection As you know Sitecore 9 does not provide “Update Contact details” out of box but Sitecore is providing code for that which you can find from here In my current project, I am using Sitecore 9.0.2 and using the same code which Sitecore is providing for Update Contact. Recently I faced an issue where the form is getting spammed.  After some investigation, I found IsRobot function which is a helper method of Sitecore.Analytics.Pipelines.ClassificationStrategy.ContactClassification class.  This helper methods take the contact classification as a parameter and return a Boolean value which indicates whether the contact is a robot or not. public static bool IsRobot(int classification); Below is a code of UpdateContact: namespace Sitecore.ExperienceForms.Samples.SubmitActions { /// <summary> /// Submit action for updating <see cref="PersonalInformation"/> and <see cref="EmailAddressList"/

Sitecore 9 Forms: Google reCaptcha field

Sitecore 9 Forms: Google reCaptcha field  Re-Captcha is the most important part of any form’s submission. Google reCaptcha run internet bot detector and determined whether a user is a bot or not.  Sitecore Forms does not provide Google reCaptcha field, which was available in WFFM before, so I have created my custom Google reCaptcha.   Below you can find step by step process to create Google reCaptcha field. Create patch config for reCaptcha Sitekey and SecretKey <?xml version="1.0"?> <configuration xmlns:patch="" xmlns:set=""> <sitecore> <settings> <setting name="ReCaptchaSiteKey" value="site-key" /> <setting name="ReCaptchaSecretKey" value="secret-key" /> </settings> </sitecore> </configuration> Create new viewmodel class RecaptchaViewMode

Having issue with Dynamic CRM Connector while syncing Dynamic CRM drop down with Sitecore facet?

Having issue with Dynamic CRM Connector while syncing Dynamic CRM drop down with Sitecore facet? As in previous post I have explained about how to Sync CRM field with Sitecore custom facet, while I was trying to sync CRM dropdown to Sitecore custom facet, I was not able  to sync that. I tried to sync “Gender” dropdown, which is by default available in connector settings, but still I was not able to sync “Gender” as well. Then I have raised a ticket with Sitecore, they have provided me Sitecore patch file which you can download from here and you can follow below instructions: Paste DLL in your bin folder. Navigate to this location "/sitecore/system/Data Exchange/XXX/Value Mapping Sets/Dynamics to xConnect Contact Mappings/Dynamics Contact to xConnect Contact Personal Info Facet/Gender"  Go to the location which you have selected in "Source Value Transformer" field which is this location "/sitecore/system/Data Exchange/XXX/Data Access/Value Readers/

NotSupportedException - Search operation not supported with xConnect collection-only configuration

NotSupportedException - Search operation not supported with xConnect collection-only configuration Are you also getting this error “ NotSupportedException - Search operation not supported with xConnect collection-only configuration ”? So, let me explain to you this issue is related to CD Sitecore instance. The issue is that Sitecore CD servers are set to only use xConnect as a collection-only endpoint. To resolve this issue, open this config “ App_Config\Sitecore\XConnect.Client.Configuration\Sitecore.XConnect.Client.config ” and add “ ContentDelivery ” role in role:require attribute just like below code. <clientconfig type="Sitecore.XConnect.Client.Configuration.SitecoreXConnectClientConfiguration,Sitecore.XConnect.Client.Configuration" singleInstance="true" role:require="ContentDelivery or Standalone or ContentManagement"> <param desc="clientModel" ref="xconnect/runtime" />

Sitecore 9 Dynamic CRM Connector: Sync CRM field with Sitecore custom facets (Part 7)

Sitecore 9 Dynamic CRM Connector: Sync CRM field with Sitecore custom facets (Part 7) In previous blog, we have discussed how to sync Sitecore custom facets to CRM. Dynamic CRM Connector comes with out of box functionality to sync CRM with Default facets, but we are going to discuss how we can sync CRM with Sitecore custom facets. Step 1: Specify how to read from the Dynamics contact Navigate to this location “/sitecore/system/Data Exchange/XXX/Data Access/Value Accessor Sets/Providers/Dynamics/Dynamics Contact” Add the following item: Template: Entity Attribute Value Accessor Item Name: GraduateYear on Dynamics Contact Set the following field values: Attribute Name: CRM Field Name Value Type: Option Set Value (If dropdown, if checkbox select Formatted Value otherwise blank for single line) Step 2: Specify how to write to the Contact facet Navigate to this location “/sitecore/system/Data Exchange/XXX/Data Access/Value Accessor Sets/Providers/xConnect” Add t

Create custom data attribute for Sitecore 9 Form Field

Create custom data attribute for Sitecore 9 Form Field Sitecore Forms provides you default form field like Text, Single-line text, Multi-line text, Email, Telephone, Checkbox except this it is very easy to create our custom Sitecore form field and custom Sitecore form field attribute. In this blog, we are going to discuss how to create custom Sitecore form field attribute in existing Single-line text. Move to the location /sitecore/templates/System/Forms/Fields/Field  and add CustomAttribute field with Single-Line Text Switch to Core db and go to this location /sitecore/client/Applications/FormsBuilder/Components/Layouts/PropertyGridForm/PageSettings/Common/Styling Create duplication item of CssClass and rename it with CustomAttribute Update FormLabel to Custom Attribute Add BindingConfiguration to customAttribute Now go to this location "/sitecore/client/Applications/FormsBuilder/Components/Layouts/PropertyGridForm/PageSettings/Settings/SingleLine

Sitecore 9 Dynamic CRM Connector: Conditionally Sync Sitecore Field (Part 6)

Sitecore 9 Dynamic CRM Connector: Conditionally Sync Sitecore Field (Part 6) Part 5:  Schedule Pipeline Batches in Sitecore 9 Dynamic CRM Connector   There can be the situation while you are syncing xDB contacts to CRM and you want to update some field on the basis of some logic. Just like the below condition where I wanted to sync to “Birthdate” when it is above 1990 otherwise, it will be blank in CRM. Apply Mapping Rules To apply mapping rules firstly create custom class “BirthdateValueMappingRule”         namespace Namespace { public class BirthdateValueMappingRule : IApplyMappingRule { public readonly int Year = 1990; public readonly string FacetName = "Personal"; public bool ShouldMappingBeApplied(object value, IMapping mapping, MappingContext context) { if (value != null && context != null) { var MappingSource = (EntityModel)context.Source; var MappingFacets = Mappin