Adding Salesforce1 Lightning app to Salesforce1 Navigation - salesforce

I have created a Lightning app in Salesforce that uses Salesforce lightning design system
<aura:application access="GLOBAL" extends="ltng:outApp">
<ltng:require styles="/resource/SLDS/assets/styles/salesforce-lightning-design-system-ltng.css" />
<div class="slds">
<c:MySuperComponent />
</div>
</aura:application>
How can I add this app to Salesforce1 Navigation menu? Is it possible? I learned that Lightning components can be exposed but in that case, how can I include "salesforce-lightning-design-system-ltng.css" stylesheet?
Thanks!

Use implements="force:appHostable" on component so you can use this component for salesforce1.
Add lightning tab for APP.
From Setup, enter Navigation in the Quick Find box, then select Salesforce1 Navigation.
Select the custom tab you just created and click Add.

Related

Discover name of Salesforce Lightning component to embed in custom component

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!

Page Doesn't exist error for lightning page in salesforce

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

Add new button to App Component and display a popup window on button click

I am new to Angular JS and trying to learn this by developing a simple application.
Currently I have developed a simple app to retrieve and show a master table data, front end (Angular JS) and backend (spring-boot). Further I want to implement CRUDS to this app.
I need your help add a button to app component and onClick a popup window be shown.
this is a very basic question....
I suggest you to go over this tutorial.
https://angular.io/tutorial
And in Angular material you will learn how to work with Dialogs (popups)
https://material.angular.io/components/dialog/examples

How to show sidebar router page in Tab

I am using DevExtreme react template in my react js project from below link.The router page navigation is working fine as per my requirement.I would like to know how to use router page navigation as in "Tab" instead of single page.For example if we take from below link,there are two pages in sidebar (profile and display data pages).If I click "Profile and display page" ,both the pages should display in Tab but currently its shows only current page.hope its clear.
https://devexpress.github.io/devextreme-react-template/#/home
I also want to note that you can contact DevExpress support team directly at Submit a Support Ticket. They answer questions in 24 hours, so you will be able to resolve the issue faster.

sidebar nav with drawer?

I was wondering if anyone knew what it is called when you have a sidebar nav with a collapsible drawer and main panel layout? I see this pattern everywhere now I wanted to find a tutorial on how to implement it in react or electron but all the results I get are for some other type of sidebar. This pattern is used in desktop electron-based apps like slack, vs code and microsoft teams and web apps like jira use it as well.
Okay you can use the Paper component in the the material ui framework.
docs here

Resources