I am trying to embed Salesforce's own "Log Email Or Event" component in a custom component I am building.
Lightning App Builder
From the Lightning App Builder I can see this component in the left nav when editing the default email pane. However, I cannot work out the name of the component to embed in a custom Aura component (or LWC).
Using Chrome's inspector I can see that the HTML element has data-fqn="lightningInbox:logItemButtonContainer", but trying to embed <lightningInbox:logItemButtonContainer /> in an Aura component gives the error "No COMPONENT named lightningInbox:logItemButtonContainer found", so I'm sure that's the wrong name or method of embedding.
Using Salesforce's Lightning Inspector hasn't been successful because there are too many components when viewing in the Lightning App Builder to be able to inspect that specific component, and its highlighting breaks past the iframe that Salesforce uses in its own builder.
Any help would be appreciated. Thank you!
Related
I have created a lightning web component and added this on the detail page of the account as quick action. As I need to open new page with that lwc component on click on that quick action so I created a lightning page through lightning app builder and added created lwc component there.
In the lwc component I am simply fetching data from one custom object and showing that. When I login with one of the salesforce profile then it's showing error Page doesn't exist.
I have debugged and found that the lightning page's tab's visibility is hidden and it's not showing through quick action. If I change visibility to default off then it's started working.
Can anyone please suggest me what I am doing wrong here. Any help will be appriciated.
Thanks
I have been trying to make my own component in React to be used in AEM. I am currently following this tutorial here: https://www.youtube.com/watch?v=nec_MDPzMYk&t=86s
I am able to build the component and deploy it to my local instance of AEM, but I am unable to drag the component to the editor in AEM. The only components I seem to be able to drag and drop are Container and Text. I've added a public Dropbox folder with three screenshots to help describe my issue: https://www.dropbox.com/sh/aiifh6aahf28esu/AADZxqo1apo2NLXquz1ZNhbia?dl=0
I have edited the SPA Page policy in AEM (see first screenshot: “edit template”) to include all of the components listed here, including the new component (Basic Component) that I have added with React (see next screenshot: available components), yet when I go to drag the components to the editor, I can’t do that (see screenshot: editor).
Does anyone see what I could be doing wrong?
In case you will click on 'Drag Component here' and try do add ur component via '+' is your component in the list or not? Might be that you have changed the policy for a different responsive grid.
Also check the error.log, might be there you will find some clues. (http://:/system/console/slinglog/tailer.txt?tail=1000&grep=*&name=%2Flogs%2Ferror.log)
And component should have _cq_dialog or_cq_editConfig. Only in this case AEM allows to add components
I need to create a React Component similar to a preview pane. These are search result so what I need the component to do is when the user clicks the "Preview" link or button a smaller panel opens up to show a preview. I have the URL text that I need to send to the control to generate the preview (these are search results from a SharePoint REST api call).
What I need to know since I am new to react, is what kind of component do I need to create. I am working in Visual Studio 2017 and have had success creating generic React components using this code :
import React, { Component } from 'react';
directive, so I am familiar with creating the Components, I just don't know which components to use. Can someone help with with the types of component I should use to build a simple preview? I am not necessarily looking for code, just a list of components to use or a link to tutorial
Thanks
I was able to create the control using an IFrame to host the "preview" url. The problem was with the URL that was being passed in.
I'm making various asynchronous http calls in my reactjs app. Errors from the server are streamlined and I would like to show an error dialog box in react regardless of the current page. I'm currently using the alert but I really would like a styled modal error box.
How do I detect the current page and inject the modal box and display it?
Thanks!
I think you should create the dialog dynamically. It means that you will create and mount the Dialog component right after the error appears. You can refer this approach from ant.design team. https://github.com/ant-design/ant-design/blob/master/components/modal/confirm.tsx
Is it possible to fire custom HTML from a mobile container in Google Tag Manager.
I'm looking to avoid updating app in app store and trying to replicate website which fires javascript code in it's tag manager container.
No, it's not possible to fire (or even create) a custom HTML tag in a mobile container because you are not technically working with HTML. If you have your mobile container created, you will notice that when you click to create a new Tag, "Custom HTML" is not available.