Would like to display my custom lighning app(name = customlightningapp) created, to be loaded inside a community.
Steps taken so far :
Inside my community builder I am loading a vf page which calls a url(communitydomain/name/customlightningapp.app) 
Problem faced(Events and libraries are not accessible):
Please, let me know how can l access the same custom lighning app(name = customlightningapp) in one/one.app context (for ex: communitydomain/name/one/one.app/customlightningapp.app).

Appreciate any help
 

While attempting to complete the Trailhead challenge (Snapshot # 1) I am getting an error "Failed to save undefined: Invalid definition for null:MyContactListController: null: Source" (Snapshot # 2) and cannot see why is it failing. In some article, I read that the issue could have been caused by the controller name so I change it but still no luck. Any help will be appreciated.

Snapshot # 1

Snapshot # 2


Lightning Component:

<aura:component controller="MyContactListController">
</aura:component>

Controller:

({
	myAction : function(component, event, helper) {
		var action = component.get("c.getContacts");
        action.setCallback(this, function(data) {
        component.set("v.contacts", data.getReturnValue());
        });
        $A.enqueueAction(action);
	}
})

harnessApp.app:

1. <aura:application >
2.     <c:campingListItem item="{!v.a0d2800000DTLYOAA5}"/>
3. </aura:application>

campingListItem.cmp:

1. <aura:component >
2.     <aura:attribute name="item" type="Camping_Item__c" required="true"/>
3.     <p> The Item is <ui:outputText value="{!v.item}"></ui:outputText></p>
4.     <p>Name:<ui:outputText value="{!v.item.Name}" />  </p>
5.     <p>Price: <ui:outputCurrency value="{!v.item.Price__c}" /> </p>
6.     <p>Quantity:<ui:outputNumber value="{!v.item.Quantity__c}" /> </p>
7.     <p>Packed:<ui:outputCheckbox value="{!v.item.Packed__c}" />  </p>
8.    <div><ui:button label="Packed!" press="{!c.packItem}"/>
9.    </div>
10. </aura:component>

harnessAppController.js:

1. ({
2.      packItem: function(component, event, helper) {
3.         var btn= event.getSource();
4.         var BtnMessage =btn.get("v.label");
5.         component.set("v.item",BtnMessage);
6.         var btnClicked = event.getSource();
7.         btnClicked.set("v.disabled",true);     
8.      }
9. })

But i am getting above error when click on the button packed!.....

Hi, 

      I want the standard calendar component in a custom lighting component. How can I achieve this?
 

I am following examples from Lightning COmponent developer guide, but looks like all style and design are missing there? When I am trying simple examples these all show very odd? Any suggestion what needs to be followed?

for example If I follow these examples,
it shows everything looks in very bad UI most of thing don't render as expected.

for example I am just using below code :

<aura:component >
    <aura:attribute name="myTitle" type="String" default="My Card Title"/>
    BreadCrumb:
    <lightning:breadcrumbs >
        <lightning:breadcrumb label="Parent Account" href="https://vyaslirik-dev-ed.lightning.force.com/one/one.app#/sObject/5007F000001hWVgQAM/view"/>
        <lightning:breadcrumb label="Case" href="https://vyaslirik-dev-ed.lightning.force.com/one/one.app#/sObject/5007F000001hWVgQAM/view"/>
    </lightning:breadcrumbs>
	<lightning:icon iconName="utility:error" variant="error"/>
   Avatar : <lightning:avatar src="{!$Resource.Images + '/Images/lightning.png'}" initials="Sa" 
      fallbackIconName="standard:account" alternativeText="Salesforce"/>    
	<lightning:pill label="hello pill" onremove="{! c.handleRemoveOnly }" onclick="{! c.handleClick }">
    	<aura:set attribute="media">
            <lightning:icon iconName="standard:account"  alternativeText="Account"/>
        </aura:set>
    </lightning:pill>
3
    <lightning:card title="{!v.myTitle}" footer="Card Footer">
        <aura:set attribute="actions">
            <lightning:button label="New"/>
        </aura:set>
        <p class="slds-p-horizontal--small">
            Card Body (custom component)
        </p>
    </lightning:card>
    
    <div class="c-container">
        <lightning:layout horizontalAlign="end" verticalAlign="center">
            <lightning:layoutItem flexibility="auto" padding="around-small">
               <lightning:formattedNumber value="12.34" style="currency" 
                     currencyCode="EUR" currencyDisplayAs="symbol"/>
            </lightning:layoutItem>
            <lightning:layoutItem flexibility="auto" padding="around-small">
                <lightning:input type="number" name="percentVal" label="Enter a percentage value" formatter="percent" step="0.01" />
            </lightning:layoutItem>
            <lightning:layoutItem flexibility="auto" padding="around-small">
                <lightning:input type="number" name="currencyVal" label="Enter a dollar amount" formatter="currency" step="0.01" />
            </lightning:layoutItem>
            <lightning:layoutItem flexibility="auto" padding="around-small">
                4
            </lightning:layoutItem>
        </lightning:layout>
    </div>

	<lightning:button label="Toggle" variant="brand" onclick="{!c.toggle}"/>
    <div class="exampleHolder">
        <lightning:spinner aura:id="mySpinner" />
    </div>
     <form>
      <fieldset>
        <legend>Select your favorite color:</legend>
        <lightning:input type="checkbox" label="Red" 
            name="color1" value="1" aura:id="colors"/>
        <lightning:input type="checkbox" label="Blue" 
            name="color2" value="2" aura:id="colors"/>
        <lightning:input type="checkbox" label="Green" 
            name="color3" value="3" aura:id="colors"/>
      </fieldset>
    <lightning:tabset>
      <lightning:tab onactive="{! c.handleActive }" label="Tab 1" id="tab1" />
      <lightning:tab onactive="{! c.handleActive }" label="Tab 2" id="tab2" />
    </lightning:tabset>
    </form>
</aura:component>

Hi All,

I have created multiple checkbox from selectoption. Now I want to submit the form and filter record based on selected checkbox.

Visualforce code:
 

<apex:selectCheckboxes value="{!checkboxSelections}" >
  <apex:selectOptions value="{!MyCheckboxes}"  >
     <apex:actionSupport event="onclick" action="{!getSelectedOrder}" /> 
  </apex:selectOptions>
</apex:selectCheckboxes>

APex code:
 

public PageReference getSelectedOrder() {
     system.debug('yadav');
     return null;
}

public list<string> checkboxSelections {get;set;}  //holds the values of the selected checkboxes

public list<selectOption> getMyCheckboxes(){
    system.debug('rohiatsh');
    //create list of checkboxes
    list<selectOption> myOptions = new list<selectOption>();
    for(integer i=0;i<5;i++){
    myOptions.add(new selectOption(string.valueof(i),string.valueof(i)));
     } 
    return myOptions;
 }

When I click on any chekbox then getSelectedOrder is not getting called. Can anyone help me.

Hi everyone,

I have a lightning component that updates some data on a record and then calls $A.get('e.force:refreshView').fire().
In a regular lightning app, the component works fine however, in a lightning console app; the rest of the code works but $A.get('e.force:refreshView').fire() has no effect...

Anybody knows how to solve this?

Thanks!