FormBuilder Module in DXA

My First DXA Module - Form builder Step by Step

In this we will discuss how to setup CMS to create your own DXA module

1. In this Post we will discuss how to setup DXA module in CMS
2. Next, we will be discussing CD level setting 

1. First we will define the folder structure 
2. Create a new folder in the Modules folder
3. Rename that folder to FormBuilder
4. Create Admin ,Site Manager and Editor

Let's create FormBuilder Schemas

      Form field Schema: - Is used to create the controls such as text box, radio button etc.

•     Here i have field type ,field name and label text
•     You can create field Type as category,Keywords to list down all the possible controls
• 
  
• 

Form Builder Schema: - Is used to give the title, Description and here we also linked all our components 
which was created using Schema Form Field.

•     In This component we will linked all are component created using Form Field  Schema which contains all the different types of fields type Components “First Name, Last Name”.
•           Insert this component as component presentation in your page .

This schema will be used by Editor to define the FormBuilder components with 

       required details and attached to page.

     

      Component Template:I have created a new CT (FormBuilder) to be attached with component of above schema 

      Next Step is to configure the DXA and create new area called FormBuilder Here

     Happy Coding and Keep Sharing !!!!

Install SDL Web 8.1.1 on single machine

Required software for sample single-machine installation

1. Microsoft Windows Server 2012 R2 (64-bit)
2. Microsoft SQL Server 2012 SP2
3. IIS 8.5 (included with Web Server role)
4. Web Server role, Application Server role
5. Oracle Java 8, Microsoft .NET Framework 4.5.2
6. A domain system user for running various low-level services MTSUser

Step 1 .

Install Databases using  Windows PowerShell command line navigate to the the SDL Web installation files Database\MSSQL folder.

**** I have used and run all the power shell command using  Windows PowerShell ISE and run as administrator ****

1 Install Content Manager database.ps1

2 Install Topology Manager database.ps1

3 Install Content Data Store.ps1

Step 2

Access to the SDL web 8.1.1 media and run SDLWeb8CM.exe Provide all the required input and click on next.

Step 3

Ensure that the environment variable JAVA_HOME exists and refers to a compatible Java instance.

Step 4

Setting up Content Delivery for the sample single-machine installation 

create a folder called contentdeployer\ with a subfolder called roles\

From the installation media, copy the following folders with all of their contents, including subfolders, into the contentdeployer\roles\ folder:

• deployer\
• discovery\
• preview\
• session\

Update

contentdeployer\roles\deployer\standalone\config\cd_deployer_conf.xml

<Property Name="tcdl.target.language" Value="ref" />

contentdeployer\roles\deployer\standalone\config\cd_storage_conf.xml

<Item typeMapping="Page" cached="false" storageId="defaultFile"/>

1. Open contentdeployer\resources\quickinstall\setenv.ps1 for editing.

Open contentdeployer\resources\quickinstall\setenv.ps1 for editing.and 

update the server name,database name,username,password,DEFAULT_FILE

 path and DEFAULT_DATA_FILE

navigate to contentdeployer\resources\quickinstall and run 

./quickinstall.ps1 -license C:\cd_licences.xml -enable-discovery -enable-deployer -enable-preview -enable-session'

Step 5

Create a Topology Type 

Add-TtmCdTopologyType -Id SampleTopologyType -Name StagingOnlyType -EnvironmentPurposes "Staging"

Content Delivery environment (in one line)

**Here while executing this command I have faced one issue If you want to use OAuth authentication on your Discovery service, you firstly need to register TokenServiceCapability ** StackExchange

Add-TtmCdEnvironment -Id SampleCD -EnvironmentPurpose "Staging" -DiscoveryEndpointUrl http://localhost:8082/discovery.svc 

  -AuthenticationType OAuth -ClientId cmuser -ClientSecret PASSWORD

Create a Topology

Add-TtmCdTopology -Id SampleTopology -Name StagingOnly -CdTopologyTypeId SampleTopologyType -CdEnvironmentIds SampleCD

Define a Web site 

Add-TtmWebsite -Id ApplicaitonName  -CdEnvironmentId SampleCD -BaseUrls http://localhost:82

Step 6

Publication and Testing Application

1. create a demo publication and create Business Process Types, go to target type tab and select topology type which you have created and save and close
2. Right click on you demo publication go to general tab and select Business Process Types
3. Map you publication and webapplication run below command 
1. Add-TtmMapping -Id ApplicaitonNamewebmapping -PublicationID PUBURI -WebApplicationId ApplicaitonName_RootWebApp
2. PUBURI  is your publication URL tcm:0-8-1

Step 7

Update your Deployer cd_storage_conf and add

 <Storage Type="filesystem" Class="com.tridion.storage.filesystem.FSDAOFactory" Id="defaultFile"

                     defaultFilesystem="false">

                <Root Path="C:\ApplicaitonName" />

            </Storage>

            <Storage Type="filesystem" Class="com.tridion.storage.filesystem.FSDAOFactory" Id="defaultDataFile"

                     defaultFilesystem="true" defaultStorage="true">

                <Root Path="C:\ApplicaitonName\data" />

  </Storage>

and add item in the ItemTypes

<Item typeMapping="Page" cached="false" storageId="defaultFile"/>

Step 8

Go to your demo publication and create SC and Default page with default page template and publish 

Hit your site URL :)

Happy coding and keep sharing