Lightning Web Components - Not available in app builderdesign:attribute on Locked Developer Controlled Package upgradeWhat are Lightning Web ComponentsLightning web components issue with SFDX push and pullLightning Web Component available in Community BuilderLightning Web Components Easy Spaces sample application LWC component codeNot being able to access previous Developer Edition Account after creating and logging in to the new pre-release editionSLDS classes on (new) base Lightning web components don't workHow to delete a Lightning Web Component?Lightning Web Component error : afterRender threw an error in 'c:bearList' [e[Ei] is not a function]Error when adding different Lightning Web Components to the Playground

Why do I get negative height?

Do Iron Man suits sport waste management systems?

Why would the Red Woman birth a shadow if she worshipped the Lord of the Light?

Chinese modern vocabulary 包饺子

How seriously should I take size and weight limits of hand luggage?

How badly should I try to prevent a user from XSSing themselves?

How to stretch the corners of this image so that it looks like a perfect rectangle?

How do conventional missiles fly?

Why were 5.25" floppy drives cheaper than 8"?

how do we prove that a sum of two periods is still a period?

Is it possible to map the firing of neurons in the human brain so as to stimulate artificial memories in someone else?

Explaination of a justification: additive functors preserve limits

Is this draw by repetition?

Are British MPs missing the point, with these 'Indicative Votes'?

Migrate from Force.com IDE to VScode

Is it "common practice in Fourier transform spectroscopy to multiply the measured interferogram by an apodizing function"? If so, why?

What's the meaning of "Sollensaussagen"?

Does Dispel Magic work on Tiny Hut?

Can someone clarify Hamming's notion of important problems in relation to modern academia?

Is it possible to static_assert that a lambda is not generic?

How do I exit BASH while loop using modulus operator?

Was the Stack Exchange "Happy April Fools" page fitting with the '90's code?

Does the Cone of Cold spell freeze water?

Avoiding the "not like other girls" trope?



Lightning Web Components - Not available in app builder


design:attribute on Locked Developer Controlled Package upgradeWhat are Lightning Web ComponentsLightning web components issue with SFDX push and pullLightning Web Component available in Community BuilderLightning Web Components Easy Spaces sample application LWC component codeNot being able to access previous Developer Edition Account after creating and logging in to the new pre-release editionSLDS classes on (new) base Lightning web components don't workHow to delete a Lightning Web Component?Lightning Web Component error : afterRender threw an error in 'c:bearList' [e[Ei] is not a function]Error when adding different Lightning Web Components to the Playground













1















I'm developing a lightning web component with org based development and I'm finding that the component isn't available in the app builder, despite (as far as I can tell) making it available in the component definition. I've attempted this with a my own component and also directly copying the "HelloWorld" Lightning component in this trailhead:



Create a Hello World Lightning Web Component



My component is pretty simple, and I'd like it to be available on the Contact record page. Here is the config on that component:



 <?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata" fqn="contact_CRSProfileLayout">
<apiVersion>45.0</apiVersion>
<description>Use this component to display the fields from this person's related CRS Profile</description>
<masterLabel>CRS Profile</masterLabel>
<isExposed>true</isExposed>
<targets>
<target>lightning__RecordPage</target>
</targets>
<targetConfigs>
<targetConfig targets="lightning__RecordPage">
<objects>
<object>Contact</object>
</objects>
</targetConfig>
</targetConfigs>
</LightningComponentBundle>


I've deployed the components into my sandbox from Visual Studio Code using the "SFDX: Deploy Source to Org" command and I can see that the lighting web components are in the sandbox when I navigate to them in the admin interface (I can't confirm that they exactly match what I'm seeing in Source, but I can see the timestamp of their update is correct).



Successful deployment



However, neither of them are appearing in the ap builder. I would expect both to appear on a record page app builder and the hellowWorld component only to appear on a home page Lightning Page.



enter image description here



Are there general troubleshooting steps I should be taking?










share|improve this question




























    1















    I'm developing a lightning web component with org based development and I'm finding that the component isn't available in the app builder, despite (as far as I can tell) making it available in the component definition. I've attempted this with a my own component and also directly copying the "HelloWorld" Lightning component in this trailhead:



    Create a Hello World Lightning Web Component



    My component is pretty simple, and I'd like it to be available on the Contact record page. Here is the config on that component:



     <?xml version="1.0" encoding="UTF-8"?>
    <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata" fqn="contact_CRSProfileLayout">
    <apiVersion>45.0</apiVersion>
    <description>Use this component to display the fields from this person's related CRS Profile</description>
    <masterLabel>CRS Profile</masterLabel>
    <isExposed>true</isExposed>
    <targets>
    <target>lightning__RecordPage</target>
    </targets>
    <targetConfigs>
    <targetConfig targets="lightning__RecordPage">
    <objects>
    <object>Contact</object>
    </objects>
    </targetConfig>
    </targetConfigs>
    </LightningComponentBundle>


    I've deployed the components into my sandbox from Visual Studio Code using the "SFDX: Deploy Source to Org" command and I can see that the lighting web components are in the sandbox when I navigate to them in the admin interface (I can't confirm that they exactly match what I'm seeing in Source, but I can see the timestamp of their update is correct).



    Successful deployment



    However, neither of them are appearing in the ap builder. I would expect both to appear on a record page app builder and the hellowWorld component only to appear on a home page Lightning Page.



    enter image description here



    Are there general troubleshooting steps I should be taking?










    share|improve this question


























      1












      1








      1








      I'm developing a lightning web component with org based development and I'm finding that the component isn't available in the app builder, despite (as far as I can tell) making it available in the component definition. I've attempted this with a my own component and also directly copying the "HelloWorld" Lightning component in this trailhead:



      Create a Hello World Lightning Web Component



      My component is pretty simple, and I'd like it to be available on the Contact record page. Here is the config on that component:



       <?xml version="1.0" encoding="UTF-8"?>
      <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata" fqn="contact_CRSProfileLayout">
      <apiVersion>45.0</apiVersion>
      <description>Use this component to display the fields from this person's related CRS Profile</description>
      <masterLabel>CRS Profile</masterLabel>
      <isExposed>true</isExposed>
      <targets>
      <target>lightning__RecordPage</target>
      </targets>
      <targetConfigs>
      <targetConfig targets="lightning__RecordPage">
      <objects>
      <object>Contact</object>
      </objects>
      </targetConfig>
      </targetConfigs>
      </LightningComponentBundle>


      I've deployed the components into my sandbox from Visual Studio Code using the "SFDX: Deploy Source to Org" command and I can see that the lighting web components are in the sandbox when I navigate to them in the admin interface (I can't confirm that they exactly match what I'm seeing in Source, but I can see the timestamp of their update is correct).



      Successful deployment



      However, neither of them are appearing in the ap builder. I would expect both to appear on a record page app builder and the hellowWorld component only to appear on a home page Lightning Page.



      enter image description here



      Are there general troubleshooting steps I should be taking?










      share|improve this question
















      I'm developing a lightning web component with org based development and I'm finding that the component isn't available in the app builder, despite (as far as I can tell) making it available in the component definition. I've attempted this with a my own component and also directly copying the "HelloWorld" Lightning component in this trailhead:



      Create a Hello World Lightning Web Component



      My component is pretty simple, and I'd like it to be available on the Contact record page. Here is the config on that component:



       <?xml version="1.0" encoding="UTF-8"?>
      <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata" fqn="contact_CRSProfileLayout">
      <apiVersion>45.0</apiVersion>
      <description>Use this component to display the fields from this person's related CRS Profile</description>
      <masterLabel>CRS Profile</masterLabel>
      <isExposed>true</isExposed>
      <targets>
      <target>lightning__RecordPage</target>
      </targets>
      <targetConfigs>
      <targetConfig targets="lightning__RecordPage">
      <objects>
      <object>Contact</object>
      </objects>
      </targetConfig>
      </targetConfigs>
      </LightningComponentBundle>


      I've deployed the components into my sandbox from Visual Studio Code using the "SFDX: Deploy Source to Org" command and I can see that the lighting web components are in the sandbox when I navigate to them in the admin interface (I can't confirm that they exactly match what I'm seeing in Source, but I can see the timestamp of their update is correct).



      Successful deployment



      However, neither of them are appearing in the ap builder. I would expect both to appear on a record page app builder and the hellowWorld component only to appear on a home page Lightning Page.



      enter image description here



      Are there general troubleshooting steps I should be taking?







      salesforcedx lightning-web-components






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Mar 25 at 19:03









      Marcell Csiszár

      1448




      1448










      asked Mar 25 at 12:28









      BigearsBigears

      393122




      393122




















          2 Answers
          2






          active

          oldest

          votes


















          6














          You currently have the isExposed attribute set to false, it needs to be set to true for the component to be available on the targeted pages and app builder.



          <isExposed>true</isExposed> 


          By definition:




          isExposed



          A Boolean value. Exposes the component in all orgs, and in Lightning App Builder and Community Builder







          share|improve this answer

























          • Unfortunately, I'd already tried that (and the helloWorld component was set to Exposed = true. Unfortunately, this hasn't made any difference. I've made the change in the original question so it's clearer.

            – Bigears
            Mar 25 at 12:46











          • Did you redeploy the configuration file after making the change?

            – Jayant Das
            Mar 25 at 12:49











          • Thank you for checking, but yes - I'm clicking "SFDX: deploy Source to Org" after every change, just to see.

            – Bigears
            Mar 25 at 12:53











          • You have few different components mentioned in your question and that your original question was updated. I will recommend to start with one of the components say hello world and try to update the attribute and see if that works. There’s no other attribute which makes the component available in app builder.

            – Jayant Das
            Mar 25 at 12:59











          • Additionally just to make sure that the deployment was successful, check for message ended with exit code 0 to make sure the deployment was indeed successful.

            – Jayant Das
            Mar 25 at 13:04


















          1














          The issue wasn't the deploy, it was me - I'm inexperienced with Visual Studio Code.



          I wasn't following the correct order of actions. The local save wasn't happening, so I was repeatedly deploying a "blank" component to the server.



          I've ensured that the local save is happening and the components are now showing up as expected.






          share|improve this answer























            Your Answer








            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "459"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: false,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: null,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f255160%2flightning-web-components-not-available-in-app-builder%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            2 Answers
            2






            active

            oldest

            votes








            2 Answers
            2






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            6














            You currently have the isExposed attribute set to false, it needs to be set to true for the component to be available on the targeted pages and app builder.



            <isExposed>true</isExposed> 


            By definition:




            isExposed



            A Boolean value. Exposes the component in all orgs, and in Lightning App Builder and Community Builder







            share|improve this answer

























            • Unfortunately, I'd already tried that (and the helloWorld component was set to Exposed = true. Unfortunately, this hasn't made any difference. I've made the change in the original question so it's clearer.

              – Bigears
              Mar 25 at 12:46











            • Did you redeploy the configuration file after making the change?

              – Jayant Das
              Mar 25 at 12:49











            • Thank you for checking, but yes - I'm clicking "SFDX: deploy Source to Org" after every change, just to see.

              – Bigears
              Mar 25 at 12:53











            • You have few different components mentioned in your question and that your original question was updated. I will recommend to start with one of the components say hello world and try to update the attribute and see if that works. There’s no other attribute which makes the component available in app builder.

              – Jayant Das
              Mar 25 at 12:59











            • Additionally just to make sure that the deployment was successful, check for message ended with exit code 0 to make sure the deployment was indeed successful.

              – Jayant Das
              Mar 25 at 13:04















            6














            You currently have the isExposed attribute set to false, it needs to be set to true for the component to be available on the targeted pages and app builder.



            <isExposed>true</isExposed> 


            By definition:




            isExposed



            A Boolean value. Exposes the component in all orgs, and in Lightning App Builder and Community Builder







            share|improve this answer

























            • Unfortunately, I'd already tried that (and the helloWorld component was set to Exposed = true. Unfortunately, this hasn't made any difference. I've made the change in the original question so it's clearer.

              – Bigears
              Mar 25 at 12:46











            • Did you redeploy the configuration file after making the change?

              – Jayant Das
              Mar 25 at 12:49











            • Thank you for checking, but yes - I'm clicking "SFDX: deploy Source to Org" after every change, just to see.

              – Bigears
              Mar 25 at 12:53











            • You have few different components mentioned in your question and that your original question was updated. I will recommend to start with one of the components say hello world and try to update the attribute and see if that works. There’s no other attribute which makes the component available in app builder.

              – Jayant Das
              Mar 25 at 12:59











            • Additionally just to make sure that the deployment was successful, check for message ended with exit code 0 to make sure the deployment was indeed successful.

              – Jayant Das
              Mar 25 at 13:04













            6












            6








            6







            You currently have the isExposed attribute set to false, it needs to be set to true for the component to be available on the targeted pages and app builder.



            <isExposed>true</isExposed> 


            By definition:




            isExposed



            A Boolean value. Exposes the component in all orgs, and in Lightning App Builder and Community Builder







            share|improve this answer















            You currently have the isExposed attribute set to false, it needs to be set to true for the component to be available on the targeted pages and app builder.



            <isExposed>true</isExposed> 


            By definition:




            isExposed



            A Boolean value. Exposes the component in all orgs, and in Lightning App Builder and Community Builder








            share|improve this answer














            share|improve this answer



            share|improve this answer








            edited Mar 25 at 12:37

























            answered Mar 25 at 12:32









            Jayant DasJayant Das

            17.5k21330




            17.5k21330












            • Unfortunately, I'd already tried that (and the helloWorld component was set to Exposed = true. Unfortunately, this hasn't made any difference. I've made the change in the original question so it's clearer.

              – Bigears
              Mar 25 at 12:46











            • Did you redeploy the configuration file after making the change?

              – Jayant Das
              Mar 25 at 12:49











            • Thank you for checking, but yes - I'm clicking "SFDX: deploy Source to Org" after every change, just to see.

              – Bigears
              Mar 25 at 12:53











            • You have few different components mentioned in your question and that your original question was updated. I will recommend to start with one of the components say hello world and try to update the attribute and see if that works. There’s no other attribute which makes the component available in app builder.

              – Jayant Das
              Mar 25 at 12:59











            • Additionally just to make sure that the deployment was successful, check for message ended with exit code 0 to make sure the deployment was indeed successful.

              – Jayant Das
              Mar 25 at 13:04

















            • Unfortunately, I'd already tried that (and the helloWorld component was set to Exposed = true. Unfortunately, this hasn't made any difference. I've made the change in the original question so it's clearer.

              – Bigears
              Mar 25 at 12:46











            • Did you redeploy the configuration file after making the change?

              – Jayant Das
              Mar 25 at 12:49











            • Thank you for checking, but yes - I'm clicking "SFDX: deploy Source to Org" after every change, just to see.

              – Bigears
              Mar 25 at 12:53











            • You have few different components mentioned in your question and that your original question was updated. I will recommend to start with one of the components say hello world and try to update the attribute and see if that works. There’s no other attribute which makes the component available in app builder.

              – Jayant Das
              Mar 25 at 12:59











            • Additionally just to make sure that the deployment was successful, check for message ended with exit code 0 to make sure the deployment was indeed successful.

              – Jayant Das
              Mar 25 at 13:04
















            Unfortunately, I'd already tried that (and the helloWorld component was set to Exposed = true. Unfortunately, this hasn't made any difference. I've made the change in the original question so it's clearer.

            – Bigears
            Mar 25 at 12:46





            Unfortunately, I'd already tried that (and the helloWorld component was set to Exposed = true. Unfortunately, this hasn't made any difference. I've made the change in the original question so it's clearer.

            – Bigears
            Mar 25 at 12:46













            Did you redeploy the configuration file after making the change?

            – Jayant Das
            Mar 25 at 12:49





            Did you redeploy the configuration file after making the change?

            – Jayant Das
            Mar 25 at 12:49













            Thank you for checking, but yes - I'm clicking "SFDX: deploy Source to Org" after every change, just to see.

            – Bigears
            Mar 25 at 12:53





            Thank you for checking, but yes - I'm clicking "SFDX: deploy Source to Org" after every change, just to see.

            – Bigears
            Mar 25 at 12:53













            You have few different components mentioned in your question and that your original question was updated. I will recommend to start with one of the components say hello world and try to update the attribute and see if that works. There’s no other attribute which makes the component available in app builder.

            – Jayant Das
            Mar 25 at 12:59





            You have few different components mentioned in your question and that your original question was updated. I will recommend to start with one of the components say hello world and try to update the attribute and see if that works. There’s no other attribute which makes the component available in app builder.

            – Jayant Das
            Mar 25 at 12:59













            Additionally just to make sure that the deployment was successful, check for message ended with exit code 0 to make sure the deployment was indeed successful.

            – Jayant Das
            Mar 25 at 13:04





            Additionally just to make sure that the deployment was successful, check for message ended with exit code 0 to make sure the deployment was indeed successful.

            – Jayant Das
            Mar 25 at 13:04













            1














            The issue wasn't the deploy, it was me - I'm inexperienced with Visual Studio Code.



            I wasn't following the correct order of actions. The local save wasn't happening, so I was repeatedly deploying a "blank" component to the server.



            I've ensured that the local save is happening and the components are now showing up as expected.






            share|improve this answer



























              1














              The issue wasn't the deploy, it was me - I'm inexperienced with Visual Studio Code.



              I wasn't following the correct order of actions. The local save wasn't happening, so I was repeatedly deploying a "blank" component to the server.



              I've ensured that the local save is happening and the components are now showing up as expected.






              share|improve this answer

























                1












                1








                1







                The issue wasn't the deploy, it was me - I'm inexperienced with Visual Studio Code.



                I wasn't following the correct order of actions. The local save wasn't happening, so I was repeatedly deploying a "blank" component to the server.



                I've ensured that the local save is happening and the components are now showing up as expected.






                share|improve this answer













                The issue wasn't the deploy, it was me - I'm inexperienced with Visual Studio Code.



                I wasn't following the correct order of actions. The local save wasn't happening, so I was repeatedly deploying a "blank" component to the server.



                I've ensured that the local save is happening and the components are now showing up as expected.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Mar 25 at 13:26









                BigearsBigears

                393122




                393122



























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Salesforce Stack Exchange!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f255160%2flightning-web-components-not-available-in-app-builder%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown