Salesforce Developer Community

Chatter

Feed
0

Best Answers
1

Likes Received
0

Likes Given
9

Questions
2

Replies

PreChat Embedded Service Code doesnot render lightning component css styling

We are trying to implement embedded service chat in our customers custom website and our pre chat is supported by using lightning component

Below Lightning Component Code ScreenShot:

<aura:component implements="lightningsnapin:prechatUI" description="Sample custom pre-chat component for Embedded Chat. Implemented using Aura.">
    <aura:attribute name="prechatFieldComponents" type="List" description="An array of objects representing the pre-chat fields specified in pre-chat setup."/>
    
    <aura:handler name="init" value="{!this}" action="{!c.onInit}" />

    <aura:locator target="startButton" description="Pre-chat form submit button."/>
    
    <lightningsnapin:prechatAPI aura:id="prechatAPI"/>
    
    <div class="prechatUI">
        <div class="prechatContent">
		<div class="slds-scrollable_y" style="height:24rem;overflow-y: scroll;">

            <ul class="fieldsList">
                <p>Hej! Vill du boka ett fysiskt besök, besök vår</p>
                <a href="https://" target="_blank">tidsbokning. </a>Du kan också prata med en
                <p>tandläkare direkt i din mobil genom</p>
                <a href="https://" target="_blank">Onlinetandläkaren.</a>
                <lightning:layout multipleRows="true">
                	<lightning:layoutItem size="12" padding="around-small">
						{!v.prechatFieldComponents}
                    </lightning:layoutItem>
                </lightning:layout>
                <a href="https://" target="_blank">policy</a>
            </ul>
        </div>
    </div>
            
        <div class="startButtonWrapper">
            <ui:button aura:id="startButton" class="startButton" label="Börja chatta" press="{!c.handleStartButtonClick}"/>
        </div>
    </div>

</aura:component>

once we are done with adding all necessary fields in prechat configuration, we extract code from Embedded Service Code snippet and paste in our website html pages,
everything is working fine except lightning component styling is not rendering as expect

Chat UI from website:

we tried pasting Embedded Service Code Snippets in vf page and still ligthgning component styling not rendering, but will we host chat in salesforce community there lightning styling is working as expected.

Visual Force Code where we pasted
Embedded Service Code Snippets

<apex:page >
<html>
<head>
</head>
<body>
<p>prechat</p>
<style type='text/css'>
    .embeddedServiceHelpButton .helpButton .uiButton {
        background-color: #2aaaca;
        font-family: "Gilroy", sans-serif;
    }
    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: 1px solid #2aaaca;
    }
</style>

<script type='text/javascript' src='https://service.force.com/embeddedservice/5.0/esw.min.js'></script>
<script type='text/javascript'>
    var initESW = function(gslbBaseURL) {
        embedded_svc.settings.displayHelpButton = true; //Or false
        embedded_svc.settings.language = ''; //For example, enter 'en' or 'en-US'

        //embedded_svc.settings.defaultMinimizedText = '...'; //(Defaults to Chat with an Expert)
        //embedded_svc.settings.disabledMinimizedText = '...'; //(Defaults to Agent Offline)

        //embedded_svc.settings.loadingText = ''; //(Defaults to Loading)
        //embedded_svc.settings.storageDomain = 'yourdomain.com'; //(Sets the domain for your deployment so that visitors can navigate subdomains during a chat session)

        // Settings for Chat
        //embedded_svc.settings.directToButtonRouting = function(prechatFormData) {
            // Dynamically changes the button ID based on what the visitor enters in the pre-chat form.
            // Returns a valid button ID.
        //};
        //embedded_svc.settings.prepopulatedPrechatFields = {}; //Sets the auto-population of pre-chat form fields
        //embedded_svc.settings.fallbackRouting = []; //An array of button IDs, user IDs, or userId_buttonId
        //embedded_svc.settings.offlineSupportMinimizedText = '...'; //(Defaults to Contact Us)

        embedded_svc.settings.enabledFeatures = ['LiveAgent'];
        embedded_svc.settings.entryFeature = 'LiveAgent';

        embedded_svc.init(
            'https://eu29.salesforce.com',
            'https://login.salesforce.com/liveAgentSetupFlow',
            gslbBaseURL,
            '00D3X000001t1Rc',
            'Team',
            {
                baseLiveAgentContentURL: 'https://c.la1-c1-fra.salesforceliveagent.com/content',
                deploymentId: '',
                buttonId: '5733X000000Pnnu',
                baseLiveAgentURL: 'https://d.la1-c1-fra.salesforceliveagent.com/chat',
                eswLiveAgentDevName: '',
                isOfflineSupportEnabled: true
            }
        );
    };

    if (!window.embedded_svc) {
        var s = document.createElement('script');
        s.setAttribute('src', 'https://eu29.salesforce.com/embeddedservice/5.0/esw.min.js');
        s.onload = function() {
            initESW(null);
        };
        document.body.appendChild(s);
    } else {
        initESW('https://service.force.com');
    }
</script>
</body>
</Html>
</apex:page>

any help is highly appreciated,
thanks in advc

sunil h 10
April 27, 2020
Like
0

1 replies

customize offline chat window screen in lightning component

HI Guys, am trying to implement offline chat feature for one of our customers and facing issues in adding custom UI for Offline screen, currently we can modify UI of pre chat api by using "implements="lightningsnapin:prechatUI" interface, can i modify my offline chat UI, is it possible?

Currently able to add only standard case fields available for offline chat:
User-added image

sunil h 10
April 15, 2020
Like
0

0 replies

Unable to update user record when user licence is gold partner

Hi,

Am trying to update user records where user licence is "Gold Partner" but getting error while updating manually or through data loader,
Error describes that need to contact salesforce support team,
Am updating from system admin profile.
Any help is highly appreciated.
Thanks in advc

sunil h 10
June 19, 2019
Like
0

1 replies

We are getting few object names in workbench "Metadata types and components" these object are not there in salesforce org

We have few object displayed in workbench and WDSL file but not visible in salesforce org and not able to query ex:select id from SIM_Account limit 1
Above query gives error as :
[object Object]: entity type SIM_Account does not support query because current user does not have access to any implementors.
User-added image

sunil h 10
May 16, 2019
Like
0

0 replies

Can we call Component Controller when we close standard lightning quick action modal close button

I have scenario where i need to call a component controller method when we close lightning quick action modal

Thanks in advc

sunil h 10
November 21, 2018
Like
0

1 replies

Custom Setting Org Limit reached in fullcopy sandbox

Hi Guys,
Org custom setting limit reached and not able to add any records
User-added image

Is there any alternate solution to increase custom setting org size?

Thanks in Advc

sunil h 10
August 31, 2018
Like
0

0 replies

Passing AccessToken In header Rest Api

Hi Guys,

We are trying to send account information from salesforce to external system via rest api
there are two callouts happening
1. Getting accessToken (Getting success response)
2. Using accessToken and sending information (Not able to add access token in Header)

Am able to get sucess response in Postman when i post access token in URL
EX:

User-added image

How to achecive same in apex code adding access token in header?

Thanks in adv

sunil h 10
August 30, 2018
Like
0

4 replies

Formula Field: Open HyperLink In new Tab Lightning

Hi Guys,

I have created hyperlink formula field in detail page, onclick of field should open link in new tab on lighning experience

Formula Ex:
HYPERLINK("https://ap4.lightning.force.com/apex/KnowledgeArticleInternalApp", "Article","_blank")

Above Formula is Not opening in new tab instead opening in same lightning experience Tab, Any solution is highly appreciated

Thanks in Advance

sunil h 10
August 27, 2018
Like
1

0 replies

Knowledge Base Article Publishing Page Issue

Hi Guys,

Can we change the default landing page of knowledge Publishing page?
When i preview Knowledge publishing page the default Channel = Internal App,
Can we land on Channel = public knowledge Base by default when we go to knowledge publishing page?
Thanks in Advance

sunil h 10
August 22, 2018
Like
0

4 replies

Formula Field: Open HyperLink In new Tab Lightning

sunil h 10
August 27, 2018
Like
1

3 replies

Custom Visual force page limit in communities

I am hitting a limit of 2000 records being loaded in my custom visual force page in our community. We can see that there are well over 2000 records but after we hit the 2000 mark there is no other values loaded as we navigate to the further pages.

Jacqueline Kiernan
August 27, 2018
Like
0

4 replies

Formula Field: Open HyperLink In new Tab Lightning

sunil h 10
August 27, 2018
Like
1