Hi Mark,
I have modified OOB widget,
HTML:
<div class="conversation-button-container">
<div class="conversation-region fade"
ng-class="{'open': $ctrl.isWindowVisible}">
<div class="sn-connect sn-connect-floating">
<div class="sn-connect-floating-wrapper loaded">
<div class="conversation-container">
<iframe title="${Chat Support}" class = "chat-frame" scrolling="no" horizontalscrolling="no" verticalscrolling="no" frameborder="none" ng-src="{{$ctrl.vaSource}}">
</iframe>
</div>
</div>
</div>
</div>
<div class="myBubble" ng-if="!$ctrl.isWindowVisible">${How can we help you today?}</div>
<div ng-if="c.enableConversationBubble" class="conversation-bubble">
<font class="conversation_bubble_question">{{::data.conversationBubbleQuestion}}</font><br />
<font class="conversation_bubble_answer">{{c.conversationBubbleAnswer}}</font>
</div>
<button aria-label="${Start Support Conversation}"
class="help-button"
ng-attr-tabindex="0"
ng-class="{'state-open': $ctrl.isWindowVisible, 'state-unread': $ctrl.hasUnreadMessages}"
ng-click="$ctrl.toggleWindow()"
ng-style="{'background-color': $ctrl.options.button_color}"
ng-attr-tabindex="0">
<div class="hover-overlay"></div>
<span aria-hidden="true" ng-class="$ctrl.isWindowVisible ? 'help-icon icon-close icon-cross' : 'help-icon icon-open sn-va-widget-icon'"></span>
</button>
</d
Server script :
var userFirstName = gs.getUser().getFirstName();
data.conversationBubbleQuestion = gs.getMessage('Hello, {0}. Chat with me if you need help!', userFirstName);
var instanceGR = $sp.getInstanceRecord();
options.va_url_params = options.va_url_params || "";
options.button_color = options.button_color || "red";
})();y
With out that highlighted code its working like below I am getting in the portal but in i need to display message like Hi "firstname" some text here.
