Lightning Components Development

Hi team, 

We have requirement to show only the record in view mode in the community site. We are having restriction to make all field readonly in layout hence we have to go with customization where we created lwc component with lightning outputfield as referenced below.

But this looks very basic not appealing to end user. Could you please guide if we can apply and styling to this ? What would be best approach here. 

Hi @Lightning Components Development I am facing a critical issue where I can not force the lightning input date field to 100% on iphone. I am using it in the flow. I tried any CSS possible solution but that did not work. Let me know If anyone have any clue about that:\

I recently created custom email component in LWC, this looked fine, but recently I received feedback that the templates which were sent from my component do not look the same as the templates they created.

So what I did is: I icluded an option to choose an Email template which current user would like to inject into lightning-input-rich-text, what I did is a renderStoredEmailTemplate().getHtmlBody() also tried renderEmailTemplate().getMergedBody() in controller of the component, so it basically retrieved proper HTML body, inspected it, checked on some online html editor, all looked the same, no issues so far. Then I passed that value to lightning-input-rich-text (the same issue in Aura), inspected the value of this field, these looked totaly different, read bit more documentation: "Pasting text enclosed in div and span tags convert those tags to p tags", ok cool but it looks like the behaviour is not as expected, also having triple spans received from HTMLValue in template made it much worse, issues I encounter so far:

- <br /> tags are also changed to p tags, so afterwards it gave me double breaks instead of single

- I had a span before <ul>, for some reason richTextField included it inside <ul>

- If I had a wrapper span and breaks inside, child spans were getting on a separate line and the styling got completelly different after break

The only option I can see right now is to show lightning-formatted-rich-text instead, but then users will not have access to modify the body of email, only to choose a template, but leaving as it is also makes this component worthless since this will not look good for our customers.

I am expecting that once I retrieve HTML body from email template and pass it to the lightning-input-rich-text I will receive the same result. Did anybody encounter the same? Cannot see anything regarding this in SF issues, nor I can find a workaround for it.

We have a 

handleSubscribe() function called from connectedCallback() function. handleSubscribe() has messageCallback function. When connectedCallback() is executed and handleSubscribe() function is entered we are able to access this.label

 object(which has properties coming from Custom Labels) and their property can be logged.  

When the 

messageCallback is executed and the logic within is run there we are not able to retrieve this.label values. The this.label is undefined. 

connectedCallback(){
        this.isSpinnerLoading = true;
        this.handleSubscribe(); 
        checkApplicationStatus({hostApplicationRecordId: this.recordId})
        .then(result=>{
            if(result && result.validApplicationStatus === true){ 
                this.invalidHostApplicationStatus = false;
                if(result.associatedWithGoogleMeta){ 
                    this.isAssociatedWithGoogleMeta = true;
                    generateParticipantLinkOnStart({hostApplicationRecordId: this.recordId})
                    .then(result=>{})
                    .catch(error=>{
                        console.error(error);
                    })
                    .finally(()=>{
                        //this.isSpinnerLoading = false; //this should happen via the platform event
                    })
                }
            }
        })
        .catch(error=>{
            console.error(error);
        })
}
handleSubscribe() {
        // Callback invoked whenever a new event message is received
        const self = this;
        const messageCallback = function (response) {
            var obj = JSON.parse(JSON.stringify(response));
            let objData = obj.data.payload;
            self.disableSendButton = !objData.DS_Links_Generated__c;
            if(self.isSpinnerLoading){
                self.isSpinnerLoading = false;
            }
            //toast links generated message
            const evt = new ShowToastEvent({ //get user to select an option first
                title: 'Success',
                message: this.labels.dsGeneratedSuccessMessage,
                variant: 'success',
            });
            this.dispatchEvent(evt);
        };
        // Invoke subscribe method of empApi. Pass reference to messageCallback
        subscribe(this.channelName, -1, messageCallback).then(response => {
            // Response contains the subscription information on subscribe call
            this.subscription = response;
        });
    }

Could you please let me know what is the problem here? How can we retain the value for this.label when messageCallback is executed. What would be the right approach to retain the value / how can we still able to access the value?

Please help!!! 

@Salesforce Certified Professionals@* Salesforce Developers *@Lightning Components Development