';\\r\\n $parent.find(\\\".iconTextWrap\\\").each(function (index, item) {\\r\\n var $labelText = $(this).find('.labelText').text();\\r\\n var className = $(this).find('i').attr('data-class');\\r\\n var iconClass = $(this).find('i').attr('class');\\r\\n html += '
';\\r\\n html += '
';\\r\\n html += '';\\r\\n html += '';\\r\\n html += '';\\r\\n html += '';\\r\\n html += '';\\r\\n html += '
';\\r\\n html += '
';\\r\\n });\\r\\n html += '
';\\r\\n $(\\\".iconTextDataWrapper\\\").html(html);\\r\\n }\\r\\n\\r\\n function FormEvent() {\\r\\n LabelSettings();\\r\\n FontIcon();\\r\\n SearchFontIcon();\\r\\n $('#resetlabelicon').on('click', function () {\\r\\n $('.data-row').find('.hideLabelIcon').trigger('click');\\r\\n var fontHtml = '';\\r\\n fontHtml += '';\\r\\n fontHtml += EasyLibrary.ReadDOM(\\\"linklabelionresetlist\\\");\\r\\n fontHtml += '
';\\r\\n if ($(this).parent().find('.LinkLabelResetIconList').length == 0)\\r\\n $(this).parent().append(fontHtml);\\r\\n\\r\\n FontResetIcon();\\r\\n ResetFontIcon();\\r\\n\\r\\n $(this).parent().find(\\\".LinkLabelResetIconList\\\").show();\\r\\n $('#fontResetIconCollection').find('li').removeClass('selected');\\r\\n $('#fontResetIconCollection').find('li i[data-class=\\\"' + eleClasses + '\\\"]').parent().addClass('selected');\\r\\n\\r\\n\\r\\n });\\r\\n\\r\\n $(\\\"#btnAddMoreLabel\\\").off().on(\\\"click\\\", function () {\\r\\n $(\\\".hideLabelIcon\\\").trigger(\\\"click\\\");\\r\\n var html = '';\\r\\n var $editHtml = '';\\r\\n var $editParent = $(this).parent().find('.iconTextDataWrapper');\\r\\n\\r\\n if ($editParent.find('.data-row').length > 0) {\\r\\n var $editHtml = '';\\r\\n var attrClass = $editParent.find('.data-row').eq(0).attr('class');\\r\\n $editHtml += '';\\r\\n $editHtml += $editParent.find('.data-row').eq(0).html();\\r\\n $editHtml += '
';\\r\\n $editParent.find('.iconTextContentWrapper').append($editHtml);\\r\\n\\r\\n var $viewHtml = '';\\r\\n $viewHtml += '';\\r\\n fontHtml += EasyLibrary.ReadDOM(\\\"linklabelionlist\\\");\\r\\n fontHtml += '
';\\r\\n $(this).parent().append(fontHtml);\\r\\n\\r\\n }\\r\\n $(this).parent().find(\\\".LinkLabelIconList\\\").show();\\r\\n $('#labelfontIconCollection').find('li').removeClass('selected');\\r\\n $('#labelfontIconCollection').find('li i[data-class=\\\"' + eleClasses + '\\\"]').parent().addClass('selected');\\r\\n FontIcon();\\r\\n SearchFontIcon();\\r\\n });\\r\\n\\r\\n\\r\\n }\\r\\n\\r\\n function FontResetIcon() {\\r\\n $('#fontResetIconCollection').html(EasyLibrary.FontCollectionList());\\r\\n ResetFontIcon();\\r\\n }\\r\\n\\r\\n function ResetFontIcon() {\\r\\n $('#iconLabelResetSearch').on('keyup', function () {\\r\\n var searchVal = $(this).val();\\r\\n $('#fontResetIconCollection').find('li').each(function () {\\r\\n var $this = $(this);\\r\\n var dataClass = $this.find('i').attr('data-class');\\r\\n var pos = dataClass.indexOf(searchVal);\\r\\n if (pos < 0) {\\r\\n $this.addClass('content-hide');\\r\\n } else {\\r\\n $this.removeClass('content-hide');\\r\\n }\\r\\n });\\r\\n });\\r\\n $('#fontResetIconCollection').find('li').on('click', function () {\\r\\n var chooseClass = $(this).find('i').attr('data-class');\\r\\n\\r\\n var $bulkIcon = $('.iconTextDataWrapper').find('#resetlabelicon');\\r\\n var dataClass = $bulkIcon.attr('data-class');\\r\\n $bulkIcon.attr('data-class', chooseClass);\\r\\n $bulkIcon.removeClass(dataClass);\\r\\n $bulkIcon.addClass(chooseClass);\\r\\n\\r\\n //var viewIcon = $parent.find('.labelIcon');\\r\\n $parent.find('.ListData').find(\\\".labelIcon\\\").each(function (index, item) {\\r\\n var dataClass = $(this).attr('data-class');\\r\\n $(this).attr('data-class', chooseClass);\\r\\n $(this).removeClass(dataClass);\\r\\n $(this).addClass(chooseClass);\\r\\n });\\r\\n\\r\\n $('.iconTextDataWrapper .field-row').find('.labelIconEdit').each(function (index, item) {\\r\\n var dataClass = $(this).attr('data-class');\\r\\n $(this).attr('data-class', chooseClass);\\r\\n $(this).removeClass(dataClass);\\r\\n $(this).addClass(chooseClass);\\r\\n });\\r\\n\\r\\n\\r\\n\\r\\n $('#fontResetIconCollection').find('li').removeClass('selected');\\r\\n $(this).addClass('selected');\\r\\n eleClasses = chooseClass;\\r\\n $(\\\".hideLabelIcon\\\").trigger(\\\"click\\\");\\r\\n });\\r\\n\\r\\n $(\\\".hideLabelIcon\\\").on(\\\"click\\\", function () {\\r\\n $(this).parent().hide();\\r\\n });\\r\\n }\\r\\n\\r\\n function SearchFontIcon() {\\r\\n $('#iconLabelSearchIcon').on('keyup', function () {\\r\\n var searchVal = $(this).val();\\r\\n $('#labelfontIconCollection').find('li').each(function () {\\r\\n var $this = $(this);\\r\\n var dataClass = $this.find('i').attr('data-class');\\r\\n var pos = dataClass.indexOf(searchVal);\\r\\n if (pos < 0) {\\r\\n $this.addClass('content-hide');\\r\\n } else {\\r\\n $this.removeClass('content-hide');\\r\\n }\\r\\n });\\r\\n });\\r\\n $('#labelfontIconCollection').find('li').on('click', function () {\\r\\n var chooseClass = $(this).find('i').attr('data-class');\\r\\n var $achorIcon = $parent.find('.labelIcon').eq(eleIndex);\\r\\n var dataClass = $achorIcon.attr('data-class');;\\r\\n var $editIcon = $('.iconTextDataWrapper .data-row').eq(eleIndex).find('.labelIcon');\\r\\n //$editIcon.attr('data-class', chooseClass);\\r\\n $editIcon.removeClass(dataClass);\\r\\n $editIcon.addClass(chooseClass);\\r\\n $achorIcon.attr('data-class', chooseClass);\\r\\n $achorIcon.removeClass(dataClass);\\r\\n $achorIcon.addClass(chooseClass);\\r\\n $('#labelfontIconCollection').find('li').removeClass('selected');\\r\\n $(this).addClass('selected');\\r\\n eleClasses = chooseClass;\\r\\n $(\\\".hideLabelIcon\\\").trigger(\\\"click\\\");\\r\\n });\\r\\n\\r\\n $(\\\".hideLabelIcon\\\").on(\\\"click\\\", function () {\\r\\n $(this).parent().hide();\\r\\n });\\r\\n }\\r\\n }\"},\"List-Icon\":{\"DOM\":\"';\\r\\n if ((_this.options.width * 0.6) < 250) {\\r\\n html = '
';\\r\\n }\\r\\n $.each(this.options.data, function (index, categ) {\\r\\n html += \\\"
\\\" + categ.name + \\\"
\\\";\\r\\n });\\r\\n\\r\\n html += '
';\\r\\n _this.options.legend.innerHTML = html;\\r\\n }\\r\\n\\r\\n }\\r\\n\\r\\n this.draw();\\r\\n }\"}}}","ComponentID":"26"},{"ComponentValue":"{\"componentname\":\"row separator\",\"category\":\"pro\",\"icon\":\"icon icon-seperator\",\"row\":true,\"hidden\":false,\"collection\":false,\"defaultdata\":\"
\",\"afterdrop\":\"function ($appendLayer) { }\",\"loadSetting\":\"function ($item) { }\",\"settingDOMs\":{\"tabs\":{\"Basic\":{\"DOM\":\"
Basic
\",\"onload\":\"function ($item) {\\r\\n var $parent = $item.parent().parent();\\r\\n var $sep = $parent.find('.rowSeparator');\\r\\n\\r\\n InitEvents();\\r\\n\\r\\n function InitEvents() {\\r\\n HeightWidth();\\r\\n Style();\\r\\n SepColor();\\r\\n }\\r\\n\\r\\n function HeightWidth() {\\r\\n var topWidth = $sep.css(\\\"border-top-width\\\");\\r\\n topWidth = parseInt(topWidth.replace('px', ''));\\r\\n\\r\\n function RowSepHeight(space) {\\r\\n $sep.css(\\\"border-top-width\\\", space + 'px');\\r\\n }\\r\\n AdvanceSageSlider($('#sepHeightSlider'), $('#sepHeightHandle'), 1, 10, topWidth, RowSepHeight, $parent, 'px');\\r\\n\\r\\n var sepWidth = 100;\\r\\n var sfColVal = $sep.attr('class').match(/sfCol_[0-9]{1,3}/g);\\r\\n if (sfColVal !== null) {\\r\\n sepWidth = parseInt(sfColVal[0].split('_')[1]);\\r\\n }\\r\\n\\r\\n function RowSepWidth(space) {\\r\\n var sfColVal = $sep.attr('class').match(/sfCol_[0-9]{1,3}/g);\\r\\n if (sfColVal !== null) {\\r\\n sepWidth = $sep.removeClass(sfColVal[0]);\\r\\n }\\r\\n $sep.addClass('sfCol_' + space);\\r\\n }\\r\\n AdvanceSageSlider($('#sepWidthSlider'), $('#sepWidthHandle'), 1, 100, sepWidth, RowSepWidth, $parent, '%');\\r\\n }\\r\\n\\r\\n function Style() {\\r\\n var style = $sep.css('border-top-style');\\r\\n $('#rowSepLine').val(style);\\r\\n\\r\\n $('#rowSepLine').on('change', function () {\\r\\n var selStyle = $(this).val();\\r\\n $sep.css('border-top-style', selStyle);\\r\\n });\\r\\n }\\r\\n\\r\\n function SepColor() {\\r\\n $('#rowSepColor').css('background-color', $sep.css('border-top-color'));\\r\\n var colorPickerOption = ColorPickerOption({\\r\\n renderCallback: function ($elm, toggled) {\\r\\n var objColor = RenderCallBackColor(this);\\r\\n $sep.css({ 'border-top-color': objColor.bgColor });\\r\\n }\\r\\n });\\r\\n $('#rowSepColor').colorPicker(colorPickerOption);\\r\\n }\\r\\n }\"},\"Spacing\":{\"options\":{\"margin\":{\"max\":40,\"min\":-40,\"times\":5,\"position\":[\"all\",\"top\",\"bottom\"]}}},\"Alignment\":{\"options\":[\"left\",\"center\",\"right\"]}},\"selectLayer\":\"function ($elem) {\\r\\n $(\\\".editor-row\\\").removeClass(\\\"activeSetting\\\");\\r\\n var $parent = $elem.parent().parent();\\r\\n $parent.addClass(\\\"activeSetting\\\");\\r\\n return $parent;\\r\\n }\"}}","ComponentID":"27"},{"ComponentValue":"{\"componentname\":\"row\",\"category\":\"layout\",\"icon\":\" icon icon-comp-row\",\"row\":true,\"hidden\":false,\"collection\":false,\"beforedrop\":\"function ($appendedParent, $row, dropped) {\\r\\n var ColumnDOM = \\\"\\\";\\r\\n var col100 = DOMCreate('div', '100', 'sfCol_100 column');\\r\\n var col80 = DOMCreate('div', '80', 'sfCol_80 column');\\r\\n var col75 = DOMCreate('div', '75', 'sfCol_75 column');\\r\\n var col70 = DOMCreate('div', '70', 'sfCol_70 column');\\r\\n var col60 = DOMCreate('div', '60', 'sfCol_60 column');\\r\\n var col50 = DOMCreate('div', '50', 'sfCol_50 column');\\r\\n var col40 = DOMCreate('div', '40', 'sfCol_40 column');\\r\\n var col30 = DOMCreate('div', '30', 'sfCol_30 column');\\r\\n var col33 = DOMCreate('div', '33', 'sfCol_33 sfFixed column');\\r\\n var col25 = DOMCreate('div', '25', 'sfCol_25 column');\\r\\n var col20 = DOMCreate('div', '20', 'sfCol_20 column');\\r\\n ColumnDOM = '
';\\r\\n ColumnDOM += DOMCreate('li', col100, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col80 + col20, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col75 + col25, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col70 + col30, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col60 + col40, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col50 + col50, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col40 + col60, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col30 + col70, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col25 + col75, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col20 + col80, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col20 + col60 + col20, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col25 + col50 + col25, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col30 + col40 + col30, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col33 + col33 + col33, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col25 + col25 + col25 + col25, 'sfCol_20 selectData');\\r\\n ColumnDOM += DOMCreate('li', col20 + col20 + col20 + col20 + col20, 'sfCol_20 selectData');\\r\\n ColumnDOM += '
';\\r\\n\\r\\n if (typeof (dropped) !== \\\"undefined\\\") {\\r\\n if (dropped) {\\r\\n var columnNote = \\\"\\\";\\r\\n ColumnDOM = columnNote + ColumnDOM;\\r\\n }\\r\\n }\\r\\n FullPagePopup({\\r\\n data: ColumnDOM,\\r\\n heading: \\\"Manage columns\\\",\\r\\n showheading: true,\\r\\n width: \\\"60%\\\",\\r\\n });\\r\\n\\r\\n ColEvents();\\r\\n\\r\\n function ColEvents() {\\r\\n $('.selectData').on('click', function () {\\r\\n var $this = $(this);\\r\\n var $editcontainer = findSelectedLayer($row);\\r\\n var rowColLength = $editcontainer.find('> .colWrapper > .editor-col').length;\\r\\n var choosedCol = $this.find('> .column').length;\\r\\n var width = [];\\r\\n $this.find('> .column').each(function () {\\r\\n width.push($(this).text());\\r\\n });\\r\\n var addedCol = choosedCol - rowColLength;\\r\\n if (addedCol > 0) {\\r\\n var col = '';\\r\\n for (var i = 0; i < addedCol; i++) {\\r\\n var colspacing = 'editor-com-innerSpacing-top-35 editor-com-innerSpacing-right-35 editor-com-innerSpacing-bottom-35 editor-com-innerSpacing-left-35';\\r\\n col += divStart('editor-col ui-state-default text-align-center sfFixed ' + colspacing) + colOption + CompenentCreateDOM + divEnd;\\r\\n }\\r\\n $editcontainer.find('.colWrapper').append(col);\\r\\n //if ($editcontainer.length > 0) {\\r\\n // $editcontainer.find('.colWrapper').append(col);\\r\\n //} else {\\r\\n // var $shadedLayer = $row.find('.editor-row-shaded-layer');\\r\\n // if ($shadedLayer.length > 0) {\\r\\n // $shadedLayer.find('.colWrapper').append(col);\\r\\n // } else {\\r\\n // $row.find('.colWrapper').append(col);\\r\\n // }\\r\\n //}\\r\\n DraggableSortable();\\r\\n SettingEvents();\\r\\n BindColumnEvents($row);\\r\\n ManageWidth();\\r\\n TriggerView($row);\\r\\n } else if (addedCol < 0) {\\r\\n if (typeof (dropped) !== \\\"undefined\\\" && dropped) {\\r\\n if (dropped) {\\r\\n //no need to because it the drop event and by defaut there is one column\\r\\n // if basic changes then\\r\\n }\\r\\n } else {\\r\\n SageConfirmDialog('You are going to choose less column. all your data will be switch to the first column ?').done(function () {\\r\\n RemoveColumn();\\r\\n ManageWidth();\\r\\n });\\r\\n }\\r\\n\\r\\n } else if (addedCol == 0) {\\r\\n ManageWidth();\\r\\n }\\r\\n\\r\\n function ManageWidth() {\\r\\n $row.find('> .colWrapper > .editor-col').each(function (i, v) {\\r\\n var $me = $(this);\\r\\n var $classes = $me.attr('class').match(/sfCol_[0-9]{1,3}/g);\\r\\n if ($classes != null) {\\r\\n $me.removeClass($classes[0]);\\r\\n }\\r\\n $me.addClass('sfCol_' + width[i]);\\r\\n });\\r\\n CloseFullPagePopup();\\r\\n }\\r\\n function RemoveColumn() {\\r\\n var $editcontainer = $row.find('.editor-row-container');\\r\\n var $removeContainer = '';\\r\\n if ($editcontainer.length > 0) {\\r\\n $removeContainer = $editcontainer.find('.colWrapper > .editor-col');\\r\\n } else {\\r\\n var $shadedLayer = $row.find('.editor-row-shaded-layer');\\r\\n if ($shadedLayer.length > 0) {\\r\\n $removeContainer = $shadedLayer.find('.colWrapper > .editor-col');\\r\\n } else {\\r\\n $removeContainer = $row.find('.colWrapper > .editor-col');\\r\\n }\\r\\n }\\r\\n for (var i = rowColLength - 1; i >= choosedCol; i--) {\\r\\n $removeContainer.eq(i).find('.editor-component').each(function () {\\r\\n $removeContainer.eq(0).append($(this));\\r\\n $removeContainer.eq(0).find(\\\".column-data-empty\\\").remove();\\r\\n });\\r\\n $removeContainer.eq(i).remove();\\r\\n }\\r\\n\\r\\n TriggerView($row);\\r\\n }\\r\\n });\\r\\n }\\r\\n }\",\"defaultdata\":\"
Row
SettingsManage ColumnsDuplicateDelete
Col
SettingsCopy ComponentsPaste ComponentsEmpty Column
This is Column
You can Drag and drop Components here
\",\"afterdrop\":\"function ($appendLayer) {\\r\\n\\r\\n }\",\"loadSetting\":\"function ($item) {\\r\\n\\r\\n }\",\"settingDOMs\":{\"tabs\":{\"Basic\":{\"DOM\":\"
\",\"onload\":\"function ($this) {\\r\\n $('.editor-row').removeClass('activeSetting');\\r\\n var $parent = $this.parents('.editor-row');\\r\\n $parent.addClass('activeSetting');\\r\\n LoadSettings();\\r\\n InitEvents();\\r\\n\\r\\n function InitEvents() {\\r\\n $('#showTitle').off().on('click', function () {\\r\\n if ($(this).is(':checked')) {\\r\\n var $rowTitle = $(RowHeadingDOM());\\r\\n $rowTitle.insertAfter(ShadedParent());\\r\\n $rowTitle.find('h1').addClass('ff-' + $('#basicFonts').val());\\r\\n $rowTitle.find('h1').addClass('f-weight-400');\\r\\n $rowTitle.find('p').addClass('ff-' + $('#basicFonts').val());\\r\\n $rowTitle.find('p').addClass('f-weight-400');\\r\\n SettingEvents();\\r\\n } else {\\r\\n $parent.find('.rowTitle').remove();\\r\\n }\\r\\n });\\r\\n $('#adJustHeight').off().on('click', function () {\\r\\n if ($(this).is(':checked')) {\\r\\n $parent.addClass('adjustheight');\\r\\n $('#adjustHeaderHolder').show();\\r\\n var rowHeight = $parent.css('height').replace('px', '');\\r\\n ChangeSliderValue($('#rowHeightSlider'), rowHeight);\\r\\n } else {\\r\\n $parent.removeClass('adjustheight');\\r\\n $parent.css({ 'height': '' });\\r\\n $('#adjustHeaderHolder').hide();\\r\\n }\\r\\n });\\r\\n var rowHeight = $parent.css('height').replace('px', '');\\r\\n\\r\\n function RowHeight(space) {\\r\\n $parent.css('height', space + 'px');\\r\\n }\\r\\n AdvanceSageSlider($('#rowHeightSlider'), $('#rowHeightHandle'), 50, 1200, rowHeight, RowHeight, $parent, 'px');\\r\\n $('#askContainer').off().on('click', function () {\\r\\n if ($(this).is(':checked')) {\\r\\n var containerDiv = divStart('editor-row-container container-medium') + divEnd;\\r\\n var appendElem = '';\\r\\n if ($parent.find('> .editor-row-shaded-layer').length === 0) {\\r\\n appendElem = $parent.children();\\r\\n $parent.append(containerDiv);\\r\\n } else {\\r\\n appendElem = $parent.find('> .editor-row-shaded-layer').children();\\r\\n $parent.find('> .editor-row-shaded-layer').append(containerDiv);\\r\\n }\\r\\n $parent.find('.editor-row-container').append(appendElem);\\r\\n $('#selContainerWidth').val('container-medium');\\r\\n $('#additionalContainer').fadeIn(400);\\r\\n\\r\\n } else {\\r\\n var appendElem = $parent.find('.editor-row-container').children();\\r\\n if ($parent.find('> .editor-row-shaded-layer').length === 0) {\\r\\n $parent.append(appendElem);\\r\\n } else {\\r\\n $parent.find('> .editor-row-shaded-layer').append(appendElem);\\r\\n }\\r\\n $parent.find('.editor-row-container').remove();\\r\\n $('#additionalContainer').fadeOut(400);\\r\\n }\\r\\n //CalculateWidth($parent.find('.colWrapper'));\\r\\n TriggerView($parent);\\r\\n });\\r\\n\\r\\n $('#selContainerWidth').off().on('change', function () {\\r\\n var containWidth = $(this).val();\\r\\n var $container = $parent.find('.editor-row-container');\\r\\n $container.removeClass('container-small').removeClass('container-medium').removeClass('container-large').removeClass('container-extralarge');\\r\\n $container.addClass(containWidth);\\r\\n //CalculateWidth($parent.find('.colWrapper'));\\r\\n\\r\\n\\r\\n });\\r\\n }\\r\\n\\r\\n function ShadedParent() {\\r\\n if ($parent.find('> .row-options').length == 0) {\\r\\n if ($parent.find('> div > .row-options').length == 0) {\\r\\n if ($parent.find('> div > div > .row-options').length == 0) { } else\\r\\n return $parent.find('> div > div > .row-options');\\r\\n } else\\r\\n return $parent.find('> div > .row-options');\\r\\n } else\\r\\n return $parent.find('> .row-options');\\r\\n }\\r\\n\\r\\n function LoadSettings() {\\r\\n var $container = $parent.find('div.rowTitle');\\r\\n if ($container.length > 0) {\\r\\n $('#showTitle').prop('checked', true);\\r\\n } else {\\r\\n $('#showTitle').prop('checked', false);\\r\\n }\\r\\n if ($parent.hasClass('adjustheight')) {\\r\\n $('#adJustHeight').prop('checked', true);\\r\\n $('#adjustHeaderHolder').show();\\r\\n } else {\\r\\n $('#adJustHeight').prop('checked', false);\\r\\n }\\r\\n $container = $parent.find('div.editor-row-container');\\r\\n if ($container.length > 0) {\\r\\n $('#askContainer').prop('checked', true);\\r\\n var conClass = $container.attr('class').replace('editor-row-container', '').trim();\\r\\n $('#selContainerWidth').val(conClass);\\r\\n $('#additionalContainer').fadeIn(400);\\r\\n } else {\\r\\n $('#askContainer').prop('checked', false);\\r\\n }\\r\\n }\\r\\n\\r\\n function RowHeadingDOM() {\\r\\n var rowHeadingDOM = '';\\r\\n rowHeadingDOM += divStart('rowTitle sfCol_100');\\r\\n rowHeadingDOM += divStart('editor-component com-heading rowTitleHeading sfCol_100 text-align-center');\\r\\n rowHeadingDOM += DOMCreate('div', ' Row heading
', 'carrier-open-option no-drag');\\r\\n rowHeadingDOM += divStart('text-options carries-options');\\r\\n rowHeadingDOM += '
Settings';\\r\\n rowHeadingDOM += divEnd;\\r\\n rowHeadingDOM += '
';\\r\\n rowHeadingDOM += divEnd;\\r\\n rowHeadingDOM += divStart('editor-component paragraph rowTitleSummary sfCol_100 text-align-center');\\r\\n rowHeadingDOM += DOMCreate('div', ' Row heading summary
', 'carrier-open-option no-drag');\\r\\n rowHeadingDOM += divStart('text-options carries-options');\\r\\n rowHeadingDOM += '
Settings';\\r\\n rowHeadingDOM += divEnd;\\r\\n rowHeadingDOM += '
This is Heading Summary.
';\\r\\n rowHeadingDOM += '
';\\r\\n rowHeadingDOM += divEnd;\\r\\n return rowHeadingDOM;\\r\\n }\\r\\n }\"},\"Background\":{\"options\":[\"image\",\"color\"]},\"Spacing\":{\"options\":{\"margin\":{\"max\":40,\"min\":-40,\"times\":5,\"position\":[\"top\",\"bottom\"]},\"padding\":{\"max\":40,\"min\":0,\"times\":5,\"position\":[\"all\",\"top\",\"left\",\"bottom\",\"right\"]}}},\"Alignment\":{\"options\":[\"left\",\"center\",\"right\"]},\"Border\":{\"options\":{\"max\":20,\"min\":0,\"times\":1,\"position\":[\"top\",\"bottom\"]}},\"Box Shadow\":{\"options\":{}}},\"selectLayer\":\"function ($elem) {\\r\\n $(\\\".editor-row\\\").removeClass(\\\"activeSetting\\\");\\r\\n var $parent = $elem.parents(\\\".editor-row\\\");\\r\\n $parent.addClass(\\\"activeSetting\\\");\\r\\n return $parent;\\r\\n }\"}}","ComponentID":"28"},{"ComponentValue":"{\"componentname\":\"siteheader\",\"category\":\"line\",\"icon\":\"icon-icon-row\",\"row\":false,\"hidden\":true,\"collection\":false,\"defaultdata\":\"\",\"afterdrop\":\"function ($appendLayer) { }\",\"loadSetting\":\"function ($item) { }\",\"settingDOMs\":{\"tabs\":{\"Basic\":{\"DOM\":\"