You are on page 1of 20

<div class="customer-journey-table scrollerdivtest scrolabfivs addviewScrolltab

mCustomScrollbar _mCS_3" id="CXTabCustomerJourneyTable" style="width: 100%; height:


70vh; position: relative; overflow: visible;"><div id="mCSB_3"
class="mCustomScrollBox mCS-3d-dark mCSB_vertical_horizontal mCSB_outside"
tabindex="0" style="max-height: none;"><div id="mCSB_3_container"
class="mCSB_container" style="position: relative; top: 0px; left: 0px; width:
1385px;" dir="ltr">

<table class="dashboard neupdatd forvietest" cellspacing="0" rules="all"


border="1" id="customer-journey-main-wrapper-table" style="border-
style:None;border-collapse:collapse;">
<tbody class="dropablebody ui-sortable">

<tr class="main-row-class widthcstms journeystage ui-sortable-handle


disableicon defaultPind pinTabRow" data-rowtype="name" data-rowseq="1" style="top:
0px;">
<td class="pd0">
<table>
<tbody>
<tr data-rowseq="1">
<td class="sticky-col colclass" width="162"
style="left: 0px;">
<div class="div-for-dots">
<div class="o-menu-trigger
bottomRightMenu">
<span class="cx-graph-menu-icon"
onclick="journeStageMenu(this)" style="display: none;"></span>
</div>
<span class="journey-stage firstforpin">
Journey Stages

</span>
<span class="sqaures help-icon-new p-icon-
ne tooltip_container tooltip_info" onmouseover="getTooltipFile(this,
'CustomerJourneytabshow', 'other','topright')">i</span>
</div>
</td>
<td class="colclass stage1class classnameadded
firstnameofdiv addColumnWidth" data-id="col-2-class" data-stagecount="1"
style="background-color: rgb(181, 81, 56); width: 598px;">
<div class="stage-name" style="color:
rgb(255, 255, 255);">Stage 001</div>
</td>
<td class="colclass stage2class classnameadded
firstnameofdiv addColumnWidth" data-id="col-2-class" data-stagecount="2"
style="background-color: rgb(116, 130, 207); width: 598px;">
<div class="stage-name" style="color:
rgb(255, 255, 255);">Stage 002</div>
</td>

</tr>
</tbody>
</table>
</td>
</tr><tr class="main-row-class widthcstms journeystage ui-sortable-
handle disableiconlast " data-rowtype="description" data-rowseq="2" style="">
<td class="pd0">
<table>
<tbody>
<tr data-rowseq="2">
<td class="sticky-col colclass" width="162"
style="left: 0px;">
<div class="div-for-dots nobrtag">
<div class="o-menu-trigger
bottomRightMenu">
<span class="cx-graph-menu-icon"
onclick="journeStageMenu(this)" style="display: none;"></span>
</div>
<span class="journey-stage">Stages
Description</span>
<span class="sqaures help-icon-new p-icon-
ne tooltip_container tooltip_info" onmouseover="getTooltipFile(this,
'CustomerJourneytabshow', 'other','topright')">i</span>
</div>
</td>
<td class="colclass stage1class classnameadded
addColumnWidth" data-id="col-2-class" data-stagecount="2" style="width: 598px;
background-color: rgb(181, 81, 56);">
<div class="stage-name" style="color:
rgb(255, 255, 255);"></div>
</td>
<td class="colclass stage2class classnameadded
addColumnWidth" data-id="col-2-class" data-stagecount="3" style="width: 598px;
background-color: rgb(116, 130, 207);">
<div class="stage-name" style="color:
rgb(255, 255, 255);"></div>
</td>

</tr>
</tbody>
</table>
</td>
</tr><tr class="main-row-class widthcstms journeystage substagestr ui-
sortable-handle " data-rowtype="substage" data-rowseq="3" style="">
<td class="pd0">
<table>
<tbody>
<tr data-rowseq="3">
<td class="sticky-col nopadd colclass" width="162"
style="left: 0px;">
<div class="div-for-dots">
<div class="o-menu-trigger
bottomRightMenu">
<span class="cx-graph-menu-icon"
onclick="journeStageMenu(this)" style="display: none;"></span>
</div>
<span
class="journey-stage">Sub-Stage(s)</span>
<span class="sqaures help-icon-new p-icon-
ne tooltip_container tooltip_info" onmouseover="getTooltipFile(this,
'CustomerJourneytabshow', 'other','topright')">i</span>
</div>
<div class="div-for-dots nobrtag">
<div class="o-menu-trigger
bottomRightMenu">
<span class="cx-graph-menu-icon"
onclick="journeStageMenu(this)" style="display: none;"></span>
</div>
<span class="journey-stage ">
Tags

</span>
<span class="sqaures help-icon-new p-icon-
ne tooltip_container tooltip_info" onmouseover="getTooltipFile(this,
'CustomerJourneytabshow', 'other','topright')">i</span>
</div>
</td>

<td class="colclass stage1class classnameadded


addColumnWidthGet" data-role="col-2-class" data-stagecount="2" style="width: 598px;
background-color: rgb(181, 81, 56);">
<div class="sub-stages-parent">

<div class="parent-div-for-tags"
data-substagecount="1">
<div class="stage-name"
style="color: rgb(255, 255, 255);">Sub 01</div>
<hr class="hrwise">
<div class="tags-parent
scrollfortabs" style="height: 76px;">
<div
class="project-tags-units" title="108807 22" id="17">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">108807
22</span>

</div>
</div>
</div>
<div class="parent-div-for-tags"
data-substagecount="1">
<div class="stage-name"
style="color: rgb(255, 255, 255);">Sub 02</div>
<hr class="hrwise">
<div class="tags-parent
scrollfortabs" style="height: 76px;">
<div
class="project-tags-units" title="CX 2018CX 2018CX 2018CX 2018CX 2018CX 2018CX
2018CX 2018CX 2018" id="72">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">CX 2018CX
2018CX 2018CX 2018CX 2018CX 2018CX 2018CX 2018CX 2018</span>

</div>
<div
class="project-tags-units" title="CX Example Survey (Example Survey)" id="74">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">CX Example
Survey (Example Survey)</span>

</div>
</div>
</div>
</div>
</td>
<td class="colclass stage2class classnameadded
addColumnWidthGet" data-role="col-2-class" data-stagecount="3" style="width: 598px;
background-color: rgb(116, 130, 207);">
<div class="sub-stages-parent">

<div class="parent-div-for-tags"
data-substagecount="1">
<div class="stage-name"
style="color: rgb(255, 255, 255);">Sub 03</div>
<hr class="hrwise">
<div class="tags-parent
scrollfortabs" style="height: 76px;">
<div
class="project-tags-units" title="CX Test Survey 01" id="79">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">CX Test
Survey 01</span>

</div>
<div
class="project-tags-units" title="DATA testing on Cx" id="84">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">DATA
testing on Cx</span>

</div>
</div>
</div>
<div class="parent-div-for-tags"
data-substagecount="1">
<div class="stage-name"
style="color: rgb(255, 255, 255);">Sub 04</div>
<hr class="hrwise">
<div class="tags-parent
scrollfortabs" style="height: 76px;">
<div
class="project-tags-units" title="KDA" id="118">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">KDA</span>

</div>
<div
class="project-tags-units" title="Key Driver Analysis" id="119">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">Key Driver
Analysis</span>

</div>
</div>
</div>
</div>
</td>

</tr>
</tbody>
</table>
</td>
</tr><tr class="main-row-class widthcstms journeystage substagestr ui-
sortable-handle nobgcolor" data-rowtype="projects">
<td class="pd0">
<table>
<tbody>
<tr data-rowseq="3">
<td class="sticky-col nopadd colclass"
width="162" style="left: 0px;">
<div class="div-for-dots nobrtag">
<div class="o-menu-trigger
bottomRightMenu">
<span class="cx-graph-menu-icon"
onclick="journeStageMenu(this)" style="display: none;"></span>
</div>
<span class="journey-stage ">
Associated Projects

</span>
<span class="sqaures help-icon-new p-
icon-ne tooltip_container tooltip_info" onmouseover="getTooltipFile(this,
'CustomerJourneytabshow', 'other','topright')">i</span>
</div>
</td>

<td class="colclass stage1class


classnameadded addColumnWidthGet" data-role="col-2-class" data-stagecount="2"
style="width: 598px;">
<div class="sub-stages-parent">
<div class="parent-div-for-
tags tagscountdiv" data-substagecount="1">
<div class="tags-parent
matchingHeight" style="height: 150px;">
<div
class="associat-project-div">
<span
class="associat-project-icon"></span>
<div
class="associat-project-name">108807 22</div>
</div>
<div
class="project-tags-units" title="108807 22" style="display:none">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">108807
22</span>

</div>
<div
class="associat-project-div">
<span
class="associat-project-icon"></span>
<div
class="associat-project-name">Ces cSAT1</div>
</div>
<div
class="project-tags-units" title="Ces cSAT1" style="display:none">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">Ces
cSAT1</span>

</div>
<div
class="associat-project-div">
<span
class="associat-project-icon"></span>
<div
class="associat-project-name">DATA testing on Cx</div>
</div>
<div
class="project-tags-units" title="DATA testing on Cx" style="display:none">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">DATA
testing on Cx</span>

</div>
</div>
</div>
<div class="parent-div-for-
tags tagscountdiv" data-substagecount="2">
<div class="tags-parent
matchingHeight" style="height: 150px;">
<div
class="associat-project-div">
<span
class="associat-project-icon"></span>
<div
class="associat-project-name">CX 2018CX 2018CX 2018CX 2018CX 2018CX 2018CX 2018CX
2018CX 2018</div>
</div>
<div
class="project-tags-units" title="CX 2018CX 2018CX 2018CX 2018CX 2018CX 2018CX
2018CX 2018CX 2018" style="display:none">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">CX 2018CX
2018CX 2018CX 2018CX 2018CX 2018CX 2018CX 2018CX 2018</span>

</div>
<div
class="associat-project-div">
<span
class="associat-project-icon"></span>
<div
class="associat-project-name">CX Example Survey (Example Survey)</div>
</div>
<div
class="project-tags-units" title="CX Example Survey (Example Survey)"
style="display:none">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">CX Example
Survey (Example Survey)</span>

</div>
</div>
</div>
</div>
</td>
<td class="colclass stage2class
classnameadded addColumnWidthGet" data-role="col-2-class" data-stagecount="3"
style="width: 598px;">
<div class="sub-stages-parent">
<div class="parent-div-for-
tags tagscountdiv" data-substagecount="3">
<div class="tags-parent
matchingHeight" style="height: 150px;">
<div
class="associat-project-div">
<span
class="associat-project-icon"></span>
<div
class="associat-project-name">CX Test Survey 01</div>
</div>
<div
class="project-tags-units" title="CX Test Survey 01" style="display:none">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">CX Test
Survey 01</span>

</div>
<div
class="associat-project-div">
<span
class="associat-project-icon"></span>
<div
class="associat-project-name">DATA testing on Cx</div>
</div>
<div
class="project-tags-units" title="DATA testing on Cx" style="display:none">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">DATA
testing on Cx</span>

</div>
</div>
</div>
<div class="parent-div-for-
tags tagscountdiv" data-substagecount="4">
<div class="tags-parent
matchingHeight" style="height: 150px;">
<div
class="associat-project-div">
<span
class="associat-project-icon"></span>
<div
class="associat-project-name">CX Survey KDA</div>
</div>
<div
class="project-tags-units" title="CX Survey KDA" style="display:none">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">CX Survey
KDA</span>

</div>
<div
class="associat-project-div">
<span
class="associat-project-icon"></span>
<div
class="associat-project-name">Key Driver Analysis</div>
</div>
<div
class="project-tags-units" title="Key Driver Analysis" style="display:none">
<span
class="tag-name" style="display: inline-block; vertical-align: middle;">Key Driver
Analysis</span>

</div>
</div>
</div>
</div>
</td>

</tr>
</tbody>
</table>
</td>
</tr><tr class="main-row-class widthcstms journeystage substagestr
ui-sortable-handle nobgcolor metric-DD-row" data-rowtype="trend-graph">
<td class="pd0">
<table>
<tbody>
<tr data-rowseq="3">
<td class="sticky-col nopadd colclass"
width="162" style="left: 0px;">
<div class="metrics-flex-div-rs">
<div class="div-for-dots nobrtag">
<div class="o-menu-trigger
bottomRightMenu">
<span class="cx-graph-menu-
icon" onclick="journeStageMenu(this)" style="display: none;"></span>
</div>
<span class="journey-stage ">
Metrics

</span>
<span class="sqaures help-icon-new
p-icon-ne tooltip_container tooltip_info" onmouseover="getTooltipFile(this,
'CustomerJourneytabshow', 'other','topright')">i</span>
</div>
<div class="first-td-DD">
<div class="cx-comparison-dd-
wrapper cx-comparison-tag-wrapper" onclick="showJourneyDD(this)">

<span id="dvCXMetricTitleLabel"
style="display:none;">NPS</span>
<div class="cx-comparison-dd-
parent" id="dvCXCompairsonMetricTitle" title="NPS" data-graphtype="1" data-
metricid="0" data-scoretype="">NPS</div>
<div class="cx-comparison-
dd-child" style="z-index: 200; display: none;">
<ul>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this);" data-graphtype="1">NPS</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="2">CSAT</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="3">CES</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="100">aaaa</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="188">Metric</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="189">Ok Bro</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="278">Test 1</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="279">Test 2</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="282">UG</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="284">aa test</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="353">CMetric 001</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="377">TB Number CMetric</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="378">Rating DD As CMetric</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="441">CX Custom 01</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="442">CX Custom 02</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="457">CMetric 002</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="560">dilip-cccc</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="561">rs--dilip</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="591">currency Triage</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="771">CMTest</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="918">c1</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="919">c2</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="920">c3</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="921">c4</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="922">c5</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="923">c8</li>
<li
onclick="fnCustomerJounrey_SwitchSelectedMetric(this)" data-graphtype="4" data-
metricid="11304">dfbhdfbh</li>
</ul>
</div>
</div>
</div>

</div>
</td>
<td class="colclass" data-role="col-2-
class" data-stagecount="3">
<div class="graphSpace" data-
highcharts-chart="7" style="min-width: 1204px; overflow: hidden;"><div
id="highcharts-ig3hclx-112" dir="ltr" class="highcharts-container "
style="position: relative; overflow: hidden; width: 1204px; height: 180px; text-
align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0,
0, 0, 0); user-select: none; touch-action: manipulation; outline: none; font-
family: &quot;Proxima N W01&quot;, sans-serif;"><svg version="1.1"
class="highcharts-root" style="font-family:'Proxima N W01', sans-serif;font-
size:12px;" xmlns="http://www.w3.org/2000/svg" width="1204" height="180" viewBox="0
0 1204 180"><desc>Created with Highcharts 9.1.2</desc><defs><clipPath
id="highcharts-ig3hclx-113-"><rect x="0" y="0" width="1124" height="140"
fill="none"></rect></clipPath><clipPath id="highcharts-ig3hclx-119-"><rect x="0"
y="0" width="1124" height="140" fill="none"></rect></clipPath></defs><rect
fill="#FFFFFF" class="highcharts-background" x="0" y="0" width="1204" height="180"
rx="0" ry="0"></rect><rect fill="none" class="highcharts-plot-background" x="40"
y="20" width="1124" height="140"></rect><g class="highcharts-pane-group" data-z-
index="0"></g><g class="highcharts-grid highcharts-xaxis-grid" data-z-
index="1"><path fill="none" stroke-dasharray="none" data-z-index="1"
class="highcharts-grid-line" d="M 180.5 20 L 180.5 160" opacity="1"></path><path
fill="none" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line"
d="M 461.5 20 L 461.5 160" opacity="1"></path><path fill="none" stroke-
dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 742.5 20 L
742.5 160" opacity="1"></path><path fill="none" stroke-dasharray="none" data-z-
index="1" class="highcharts-grid-line" d="M 1023.5 20 L 1023.5 160"
opacity="1"></path></g><g class="highcharts-grid highcharts-yaxis-grid" data-z-
index="1"><path fill="none" stroke="#e6e6e6" stroke-width="1" stroke-
dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 40 160.5 L 1164
160.5" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="1"
stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line" d="M 40 125.5
L 1164 125.5" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-
width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-line"
d="M 40 90.5 L 1164 90.5" opacity="1"></path><path fill="none" stroke="#e6e6e6"
stroke-width="1" stroke-dasharray="none" data-z-index="1" class="highcharts-grid-
line" d="M 40 55.5 L 1164 55.5" opacity="1"></path><path fill="none"
stroke="#e6e6e6" stroke-width="1" stroke-dasharray="none" data-z-index="1"
class="highcharts-grid-line" d="M 40 19.5 L 1164 19.5" opacity="1"></path></g><rect
fill="none" class="highcharts-plot-border" data-z-index="1" x="40" y="20"
width="1124" height="140"></rect><g class="highcharts-axis highcharts-xaxis" data-
z-index="2"><path fill="none" class="highcharts-axis-line" stroke="rgba(151, 151,
151, 0.47)" stroke-width="1" data-z-index="7" d="M 40 160.5 L 1164
160.5"></path></g><g class="highcharts-axis highcharts-yaxis" data-z-
index="2"><path fill="none" class="highcharts-axis-line" stroke="#ccd6eb" stroke-
width="1" data-z-index="7" d="M 39.5 20 L 39.5 160"></path></g><g
class="highcharts-series-group" data-z-index="3"><g class="highcharts-series
highcharts-series-0 highcharts-spline-series highcharts-color-0" data-z-index="0.1"
opacity="1" transform="translate(40,20) scale(1 1)" clip-path="url(#highcharts-
ig3hclx-119-)"><path fill="none" d="M 421.5 65.80000000000001 C 421.5
65.80000000000001 590.1 60.76000000000001 702.5 58.10000000000001 C 814.9
55.440000000000005 983.5 52.5 983.5 52.5" class="highcharts-graph highcharts-
shadow" data-z-index="1" stroke="#000000" stroke-width="5" stroke-linejoin="round"
stroke-linecap="round" stroke-opacity="0.049999999999999996"
transform="translate(1, 1)"></path><path fill="none" d="M 421.5 65.80000000000001 C
421.5 65.80000000000001 590.1 60.76000000000001 702.5 58.10000000000001 C 814.9
55.440000000000005 983.5 52.5 983.5 52.5" class="highcharts-graph highcharts-
shadow" data-z-index="1" stroke="#000000" stroke-width="3" stroke-linejoin="round"
stroke-linecap="round" stroke-opacity="0.09999999999999999" transform="translate(1,
1)"></path><path fill="none" d="M 421.5 65.80000000000001 C 421.5 65.80000000000001
590.1 60.76000000000001 702.5 58.10000000000001 C 814.9 55.440000000000005 983.5
52.5 983.5 52.5" class="highcharts-graph highcharts-shadow" data-z-index="1"
stroke="#000000" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
stroke-opacity="0.15" transform="translate(1, 1)"></path><path fill="none" d="M
421.5 65.80000000000001 C 421.5 65.80000000000001 590.1 60.76000000000001 702.5
58.10000000000001 C 814.9 55.440000000000005 983.5 52.5 983.5 52.5"
class="highcharts-graph" data-z-index="1" stroke="#28B2AB" stroke-width="3" stroke-
linejoin="round" stroke-linecap="round"></path><path fill="none" d="M 421.5
65.80000000000001 C 421.5 65.80000000000001 590.1 60.76000000000001 702.5
58.10000000000001 C 814.9 55.440000000000005 983.5 52.5 983.5 52.5"
visibility="visible" data-z-index="2" class="highcharts-tracker-line" stroke-
linecap="round" stroke-linejoin="round" stroke="rgba(192,192,192,0.0001)" stroke-
width="23"></path></g><g class="highcharts-markers highcharts-series-0 highcharts-
spline-series highcharts-color-0 highcharts-tracker" data-z-index="0.1" opacity="1"
transform="translate(40,20) scale(1 1)"><path fill="#28B2AB" d="M 702
58.10000000000001 A 0 0 0 1 1 702 58.10000000000001 Z" class="highcharts-halo
highcharts-color-0" data-z-index="-1" fill-opacity="0.25"
visibility="hidden"></path><path fill="#28B2AB" d="M 421 76 A 10 10 0 1 1
421.00999999833334 75.99999500000041 Z" opacity="1" class="highcharts-point
highcharts-color-0"></path><path fill="#28B2AB" d="M 702 68.10000000000001 A 10 10
0 1 1 702.0099999983333 68.09999500000043 Z" opacity="1" class="highcharts-point
highcharts-color-0" stroke-width="0.00006030495590440832"></path><path
fill="#28B2AB" d="M 983 63 A 10 10 0 1 1 983.0099999983333 62.99999500000042 Z"
opacity="1" class="highcharts-point highcharts-color-0"></path></g></g><text
x="602" text-anchor="middle" class="highcharts-title" data-z-index="4"
style="color:#333333;font-size:18px;fill:#333333;" y="24"></text><text x="602"
text-anchor="middle" class="highcharts-subtitle" data-z-index="4"
style="color:#666666;fill:#666666;" y="24"></text><text x="10" text-anchor="start"
class="highcharts-caption" data-z-index="4" style="color:#666666;fill:#666666;"
y="177"></text><g class="highcharts-axis-labels highcharts-xaxis-labels" data-z-
index="7"></g><g class="highcharts-axis-labels highcharts-yaxis-labels" data-z-
index="7"><text x="25" style="color:rgba(32, 35, 42, 0.38);cursor:default;font-
size:11px;fill:rgba(32, 35, 42, 0.38);" text-anchor="end"
transform="translate(0,0)" y="165" opacity="1">-100</text><text x="25"
style="color:rgba(32, 35, 42, 0.38);cursor:default;font-size:11px;fill:rgba(32, 35,
42, 0.38);" text-anchor="end" transform="translate(0,0)" y="130"
opacity="1">-50</text><text x="25" style="color:rgba(32, 35, 42,
0.38);cursor:default;font-size:11px;fill:rgba(32, 35, 42, 0.38);" text-anchor="end"
transform="translate(0,0)" y="95" opacity="1">0</text><text x="25"
style="color:rgba(32, 35, 42, 0.38);cursor:default;font-size:11px;fill:rgba(32, 35,
42, 0.38);" text-anchor="end" transform="translate(0,0)" y="60"
opacity="1">50</text><text x="25" style="color:rgba(32, 35, 42,
0.38);cursor:default;font-size:11px;fill:rgba(32, 35, 42, 0.38);" text-anchor="end"
transform="translate(0,0)" y="25" opacity="1">100</text></g><g class="highcharts-
label highcharts-tooltip highcharts-color-0" style="cursor:default;white-
space:nowrap;pointer-events:none;" data-z-index="8" transform="translate(712,-
9999)" opacity="0" visibility="hidden"><path fill="none" class="highcharts-label-
box highcharts-tooltip-box highcharts-shadow" d="M 3 0 L 58 0 C 61 0 61 0 61 3 L 61
42 C 61 45 61 45 58 45 L 37 45 L 31 51 L 25 45 L 3 45 C 0 45 0 45 0 42 L 0 3 C 0 0
0 0 3 0" stroke="#000000" stroke-opacity="0.049999999999999996" stroke-width="5"
transform="translate(1, 1)"></path><path fill="none" class="highcharts-label-box
highcharts-tooltip-box highcharts-shadow" d="M 3 0 L 58 0 C 61 0 61 0 61 3 L 61 42
C 61 45 61 45 58 45 L 37 45 L 31 51 L 25 45 L 3 45 C 0 45 0 45 0 42 L 0 3 C 0 0 0 0
3 0" stroke="#000000" stroke-opacity="0.09999999999999999" stroke-width="3"
transform="translate(1, 1)"></path><path fill="none" class="highcharts-label-box
highcharts-tooltip-box highcharts-shadow" d="M 3 0 L 58 0 C 61 0 61 0 61 3 L 61 42
C 61 45 61 45 58 45 L 37 45 L 31 51 L 25 45 L 3 45 C 0 45 0 45 0 42 L 0 3 C 0 0 0 0
3 0" stroke="#000000" stroke-opacity="0.15" stroke-width="1"
transform="translate(1, 1)"></path><path fill="rgba(247,247,247,0.85)"
class="highcharts-label-box highcharts-tooltip-box" d="M 3 0 L 58 0 C 61 0 61 0 61
3 L 61 42 C 61 45 61 45 58 45 L 37 45 L 31 51 L 25 45 L 3 45 C 0 45 0 45 0 42 L 0 3
C 0 0 0 0 3 0"></path><text x="8" data-z-index="1" y="20"
style="color:#333333;font-size:12px;fill:#333333;"><tspan style="font-
weight:bold;">Sub 03</tspan><tspan class="highcharts-br" dy="15" x="8"></tspan>NPS:
17</text></g></svg></div></div>

<div class="divTrendData"
style="display:none">
<input type="hidden" data-
stage="64" data-substage_seq_no="1" data-substage_title="Sub 01" value="">
<input type="hidden" data-
stage="64" data-substage_seq_no="2" data-substage_title="Sub 02" value="6.00">
<input type="hidden" data-
stage="65" data-substage_seq_no="3" data-substage_title="Sub 03" value="17.00">
<input type="hidden" data-
stage="65" data-substage_seq_no="4" data-substage_title="Sub 04" value="25.00">
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr><tr class="main-row-class widthcstms journeystage
substagestr ui-sortable-handle nobgcolor strength-weakness-row" data-
rowtype="substage">
<td class="pd0">
<table>
<tbody>
<tr data-rowseq="3">
<td class="sticky-col nopadd colclass"
width="162" style="left: 0px;">
<div class="div-for-dots nobrtag">
<div class="o-menu-trigger
bottomRightMenu">
<span class="cx-graph-menu-
icon" onclick="journeStageMenu(this)" style="display: none;"></span>
</div>
<div class="flexdivssta">
<span class="journey-stage ">
Strengths and Weaknesses

</span>
<span class="sqaures help-icon-
new p-icon-ne tooltip_container tooltip_info" onmouseover="getTooltipFile(this,
'CustomerJourneytabshow', 'other','topright')">i</span>
</div>
</div>
</td>

<td class="colclass stage1class classnameadded


addColumnWidthGet" data-role="col-2-class" data-stagecount="2" style="width:
598px;">
<div class="sub-stages-parent">
<div class="parent-div-for-tags no-flex-
class" data-substagecount="1">
<div class="tags-parent
matchingHeightNew">

<div class="strength-weakness-
div">
<div class="strength-
head-icon inc-icon"></div>
<div class="strength-
head">STRENGTH</div>
<div class="strength-
weakness-details">

<div
class="details-div">
<div
class="detail-text">
<span
class="inc-icon iconClassspan"></span>
<div
class="str-text-div" title="KD1">
KD1
</div>
<div
class="str-text-div-count">
46.67
</div>
</div>
</div>
</div>

</div>
</div>
</div>
<div class="parent-div-for-tags no-flex-
class" data-substagecount="1">
<div class="tags-parent
matchingHeightNew">

<div class="strength-weakness-
div">
<div class="strength-
head-icon inc-icon"></div>
<div class="strength-
head">STRENGTH</div>
<div class="strength-
weakness-details">

<div
class="details-div">
<div
class="detail-text">
<span
class="inc-icon iconClassspan"></span>
<div
class="str-text-div" title="Pricing">
Pricing
</div>
<div
class="str-text-div-count">
86.67
</div>
</div>
<div
class="detail-text">
<span
class="inc-icon iconClassspan"></span>
<div
class="str-text-div" title="Support">
Support
</div>
<div
class="str-text-div-count">
70.00
</div>
</div>
</div>
</div>

<div class="weakness-head-icon dec-icon"></div>


<div class="weakness-
head">WEAKNESS</div>
<div class="strength-
weakness-details">
<div
class="details-div">
<div
class="detail-text">
<span
class="dec-icon iconClassspan"></span>
<div
class="str-text-div" title="Product">
Product
</div>
<div
class="str-text-div-count">
40.00
</div>
</div>
<div
class="detail-text">
<span
class="dec-icon iconClassspan"></span>
<div
class="str-text-div" title="Delivery">

Delivery
</div>
<div
class="str-text-div-count">
65.00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="colclass stage2class classnameadded
addColumnWidthGet" data-role="col-2-class" data-stagecount="3" style="width:
598px;">
<div class="sub-stages-parent">
<div class="parent-div-for-tags no-flex-
class" data-substagecount="1">
<div class="tags-parent
matchingHeightNew">

<div class="strength-weakness-
div">
<div class="strength-
head-icon inc-icon"></div>
<div class="strength-
head">STRENGTH</div>
<div class="strength-
weakness-details">

<div
class="details-div">
<div
class="detail-text">
<span
class="inc-icon iconClassspan"></span>
<div
class="str-text-div" title="KD5">
KD5
</div>
<div
class="str-text-div-count">
80.00
</div>
</div>
<div
class="detail-text">
<span
class="inc-icon iconClassspan"></span>
<div
class="str-text-div" title="KD2">
KD2
</div>
<div
class="str-text-div-count">
70.00
</div>
</div>
<div
class="detail-text">
<span
class="inc-icon iconClassspan"></span>
<div
class="str-text-div" title="KD3">
KD3
</div>
<div
class="str-text-div-count">
66.67
</div>
</div>
</div>
</div>

<div class="weakness-head-icon dec-icon"></div>


<div class="weakness-
head">WEAKNESS</div>
<div class="strength-
weakness-details">

<div
class="details-div">
<div
class="detail-text">
<span
class="dec-icon iconClassspan"></span>
<div
class="str-text-div" title="KD1">
KD1
</div>
<div
class="str-text-div-count">
60.00
</div>
</div>
<div
class="detail-text">
<span
class="dec-icon iconClassspan"></span>
<div
class="str-text-div" title="KD3">
KD3
</div>
<div
class="str-text-div-count">
66.67
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parent-div-for-tags no-flex-
class" data-substagecount="1">
<div class="tags-parent
matchingHeightNew">

<div class="strength-weakness-
div">
<div class="strength-
head-icon inc-icon"></div>
<div class="strength-
head">STRENGTH</div>
<div class="strength-
weakness-details">

<div
class="details-div">
<div
class="detail-text">
<span
class="inc-icon iconClassspan"></span>
<div
class="str-text-div" title="Product">
Product
</div>
<div
class="str-text-div-count">
70.00
</div>
</div>
<div
class="detail-text">
<span
class="inc-icon iconClassspan"></span>
<div
class="str-text-div" title="Pricing">
Pricing
</div>
<div
class="str-text-div-count">
60.00
</div>
</div>
<div
class="detail-text">
<span
class="inc-icon iconClassspan"></span>
<div
class="str-text-div" title="Support">
Support
</div>
<div
class="str-text-div-count">
53.33
</div>
</div>
<div
class="detail-text">
<span
class="inc-icon iconClassspan"></span>
<div
class="str-text-div" title="Delivery">

Delivery
</div>
<div
class="str-text-div-count">
50.00
</div>
</div>
</div>
</div>

<div class="weakness-head-icon dec-icon"></div>


<div class="weakness-
head">WEAKNESS</div>
<div class="strength-
weakness-details">

<div
class="details-div">
<div
class="detail-text">
<span
class="dec-icon iconClassspan"></span>
<div
class="str-text-div" title="Delivery">

Delivery
</div>
<div
class="str-text-div-count">
50.00
</div>
</div>
<div
class="detail-text">
<span
class="dec-icon iconClassspan"></span>
<div
class="str-text-div" title="KDQ1">
KDQ1
</div>
<div
class="str-text-div-count">
50.00
</div>
</div>
<div
class="detail-text">
<span
class="dec-icon iconClassspan"></span>
<div
class="str-text-div" title="KDQ2">
KDQ2
</div>
<div
class="str-text-div-count">
50.00
</div>
</div>
<div
class="detail-text">
<span
class="dec-icon iconClassspan"></span>
<div
class="str-text-div" title="KDQ3">
KDQ3
</div>
<div
class="str-text-div-count">
50.00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>

</tr>
</tbody>
</table>
</td>
</tr></tbody>
</table>
</div></div><div id="mCSB_3_scrollbar_vertical" class="mCSB_scrollTools
mCSB_3_scrollbar mCS-3d-dark mCSB_scrollTools_vertical" style="display:
block;"><div class="mCSB_draggerContainer"><div id="mCSB_3_dragger_vertical"
class="mCSB_dragger" style="position: absolute; min-height: 70px; display: block;
height: 74px; max-height: 257.297px; top: 0px;"><div class="mCSB_dragger_bar"
style="line-height: 70px;"></div></div></div><div
class="mCSB_draggerRail"></div></div><div id="mCSB_3_scrollbar_horizontal"
class="mCSB_scrollTools mCSB_3_scrollbar mCS-3d-dark mCSB_scrollTools_horizontal"
style="display: block;"><div class="mCSB_draggerContainer"><div
id="mCSB_3_dragger_horizontal" class="mCSB_dragger" style="position: absolute; min-
width: 70px; display: block; width: 1132px; max-width: 1242px; left: 0px;"><div
class="mCSB_dragger_bar"></div></div></div><div
class="mCSB_draggerRail"></div></div></div>

You might also like