Salesforce Developer Community

mahipal reddy
NEWBIE
25 Points
Member since 2015
SE
Accenture

Chatter

Feed
1

Best Answers
0

Likes Received
1

Likes Given
2

Questions
4

Replies

LWC Page Header (smooth transition)

Hi guys,

I am on my way to search for a solution in lwc that is able to provide a smooth transition during scrolling on app page for https://lightningdesignsystem.com/components/page-headers/#Record-Home

It should have the same 'animation' like every hightlight panel on a record page. Is there someone who could help me with that?

What I've already done was translate Record Home to lwc template:

<template>
    <div class="slds-page-header slds-page-header_record-home slds-is-fixed" style="z-index: 99; width: 98%;">
        <div class="slds-page-header__row">
            <div class="slds-page-header__col-title">
                <div class="slds-media">
                    <div class="slds-media__figure">
                        <span class="slds-icon_container">
                            <slot name="icon"></slot>
                        </span>
                    </div>
                    <div class="slds-media__body">
                        <div class="slds-page-header__name">
                            <div class="slds-page-header__name-title">
                                <h1>
                                    <slot name="objectLabelSingular"></slot>
                                    <slot name="recordName" class="slds-page-header__title slds-truncate"></slot>
                                </h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <template if:true={showPageHeaderActions}>
                <div class="slds-page-header__col-actions">
                    <div class="slds-page-header__controls">
                        <div class="slds-page-header__control">
                            <lightning-button-group>
                                <!-- <template if:true={showButtonGroup}> -->
                                    <template for:each={listOfVisibleButton} for:item="button">
                                        <lightning-button
                                            key={button.name}
                                            name={button.name}
                                            label={button.label}
                                            title={button.title}
                                            icon-name={button.iconName}
                                            onclick={handlePageHeaderActionClicked}
                                        ></lightning-button>
                                    </template>
                                <!-- </template> -->
                                <template if:true={showLightningButtonMenu}>
                                    <lightning-button-menu alternative-text="Show menu" menu-alignment="auto" variant="border-filled">
                                        <template for:each={listOfMenuItem} for:item="menuItem">
                                            <lightning-menu-item
                                                key={menuItem.name}
                                                label={menuItem.label}
                                                value={menuItem.name}
                                                icon-name={menuItem.iconName}
                                            ></lightning-menu-item>
                                        </template>
                                    </lightning-button-menu>
                                </template>
                            </lightning-button-group>
                        </div>
                    </div>
                </div>
            </template>
        </div>
    </div>
</template>

But I stuck on the dynamic part of this scrolling aninmation on my app page. Currently I'm working on show and hide buttons in button-group and move them to lightning-menu-item if you shrink the size of your browser horizontal.

I really appreciate every single help. Thank you.

Best regards,
Chris

Christian Schwabe (x)
May 09, 2020
Like
0

4 replies

facing issue in acheiving popover in lightning components..

Hi Members,
I have a requiremnt in lighting , to display popover when user clicks on account name.
Basically i am displaying scollable list of accounts with names. and if user clicks on account name we should display account full details as popover.
I tried bootstrap popover() method but it is throwing errors...
HTML in the component:

<ul class="slds-list--vertical slds-has-dividers--top-space">
                <li><a href="javascript:void(0);" id="abcd" title="Header" onclick="{!c.displaypopup}" data-toggle="popover" data-placement="top" data-content="right">Test Account 1</a></li>
                <li><a href="javascript:void(0);" title="Header" data-toggle="popover" onclick="{!c.displaypopup}" data-placement="right" data-content="Content">Test Account 2</a></li>
                <li><a href="javascript:void(0);" title="Header" data-toggle="popover" onclick="{!c.displaypopup}" data-placement="right" data-content="Content">Test Account 3</a></li>
                <li><a href="javascript:void(0);" title="Header" data-toggle="popover" onclick="{!c.displaypopup}" data-placement="right" data-content="Content">Test Account 4</a></li>
            </ul>

Controller Method:

displaypopup : function(component, event, helper){
        var popup=event.currentTarget;
        var listid =popup.id;
        var jqelement = $("#"+listid);
        console.log('element clicked',listid);
        console.log('jqelement ',jqelement);
        jqelement.popover();
       
    },

Below is the error i am getting when clicked on account name:

mahipal reddy
September 08, 2016
Like
0

0 replies

When I tried to get language field on the report on content(object : contentVersion) it is not showing. Please let me know how to include language field as well.

I am creating a report on content from Reports (tab) --> new report--> File and Content Report --> content Report.
On the left hand pane where we select filed , I am not seeing standerd filed language.
Can you somebody help me to understand why it is not showing and how can we fix this...?

Thanks in advance.
mahi m

mahipal reddy
January 20, 2016
Like
0

SOLVED

19 replies

LWC Page Header (smooth transition)

<template>
    <div class="slds-page-header slds-page-header_record-home slds-is-fixed" style="z-index: 99; width: 98%;">
        <div class="slds-page-header__row">
            <div class="slds-page-header__col-title">
                <div class="slds-media">
                    <div class="slds-media__figure">
                        <span class="slds-icon_container">
                            <slot name="icon"></slot>
                        </span>
                    </div>
                    <div class="slds-media__body">
                        <div class="slds-page-header__name">
                            <div class="slds-page-header__name-title">
                                <h1>
                                    <slot name="objectLabelSingular"></slot>
                                    <slot name="recordName" class="slds-page-header__title slds-truncate"></slot>
                                </h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <template if:true={showPageHeaderActions}>
                <div class="slds-page-header__col-actions">
                    <div class="slds-page-header__controls">
                        <div class="slds-page-header__control">
                            <lightning-button-group>
                                <!-- <template if:true={showButtonGroup}> -->
                                    <template for:each={listOfVisibleButton} for:item="button">
                                        <lightning-button
                                            key={button.name}
                                            name={button.name}
                                            label={button.label}
                                            title={button.title}
                                            icon-name={button.iconName}
                                            onclick={handlePageHeaderActionClicked}
                                        ></lightning-button>
                                    </template>
                                <!-- </template> -->
                                <template if:true={showLightningButtonMenu}>
                                    <lightning-button-menu alternative-text="Show menu" menu-alignment="auto" variant="border-filled">
                                        <template for:each={listOfMenuItem} for:item="menuItem">
                                            <lightning-menu-item
                                                key={menuItem.name}
                                                label={menuItem.label}
                                                value={menuItem.name}
                                                icon-name={menuItem.iconName}
                                            ></lightning-menu-item>
                                        </template>
                                    </lightning-button-menu>
                                </template>
                            </lightning-button-group>
                        </div>
                    </div>
                </div>
            </template>
        </div>
    </div>
</template>

Christian Schwabe (x)
May 09, 2020
Like
0

4 replies

facing issue in acheiving popover in lightning components..

<ul class="slds-list--vertical slds-has-dividers--top-space">
                <li><a href="javascript:void(0);" id="abcd" title="Header" onclick="{!c.displaypopup}" data-toggle="popover" data-placement="top" data-content="right">Test Account 1</a></li>
                <li><a href="javascript:void(0);" title="Header" data-toggle="popover" onclick="{!c.displaypopup}" data-placement="right" data-content="Content">Test Account 2</a></li>
                <li><a href="javascript:void(0);" title="Header" data-toggle="popover" onclick="{!c.displaypopup}" data-placement="right" data-content="Content">Test Account 3</a></li>
                <li><a href="javascript:void(0);" title="Header" data-toggle="popover" onclick="{!c.displaypopup}" data-placement="right" data-content="Content">Test Account 4</a></li>
            </ul>

Controller Method:

displaypopup : function(component, event, helper){
        var popup=event.currentTarget;
        var listid =popup.id;
        var jqelement = $("#"+listid);
        console.log('element clicked',listid);
        console.log('jqelement ',jqelement);
        jqelement.popover();
       
    },

Below is the error i am getting when clicked on account name:

mahipal reddy
September 08, 2016
Like
0

1 replies

How do I pull Content 'Weblink' record URL into Content report?

I am trying to run a report of our content in SFDC including the Weblink URL for those 'link' content records. I have been unable to find 'URL' in any of the content reports and I do not see where I can build a custom Content report type.

I also attempted to pull this data using data loader but was unable to locate URL field in that tool.

For further clarity - the URL field I am looking to pull into report is entered upon creating Content 'link' record. When creating content, there is an option to create link to website instead which prompts for the entry of URL - screen shots below.

Link to website option in Content

Create Content link to website - enter URL

Once the content is created, you can then edit this URL by editing the content details:

Content link edit URL

Thanks in advance for any help!

Marianne Komeski
February 06, 2015
Like
1

11 replies

CANNOT_INSERT_UPDATE_ACTIVATE_ENTITY, execution of AfterInsert

I'm trying to write test cases for my APEX code.I searched the Apex documentation and the Apex discussion board but did not find solution. I am getting two errors. I tried but unfortunately not getting the required output. Let me know where i am getting error. I had written the same code in the trigger without using Apex class it was working perfect. But since i need to deploy the trigger i started writing Apex class which gives me these errors.

Thanks in advance for the solution.

This is what i am trying to accomplish.

When ever a new custom object(Client) is created or updated i need to update few fields accordingly.

And the errors are at line 35 and 54

Errrors

1) System.DmlException: Insert failed. First exception on row 0; first error: CANNOT_INSERT_UPDATE_ACTIVATE_ENTITY, ClientUpdates: execution of AfterInsert

caused by: System.QueryException: Non-selective query against large object type (more than 100000 rows). Consider an indexed filter or contact salesforce.com about custom indexing.
Even if a field is indexed a filter might still not be selective when:
1. The filter value includes null (for instance binding with a list that contains null)
2. Data skew exists whereby the number of matching rows is very large (for instance, filtering for a particular foreign key value that occurs many times)

Class.ClientApex.afterinsertupdate: line 69, column 1
Trigger.ClientUpdates: line 19, column 1

2) System.DmlException: Insert failed. First exception on row 0; first error: CANNOT_INSERT_UPDATE_ACTIVATE_ENTITY, ClientUpdates: execution of AfterInsert

Class.ClientApex.afterinsertupdate: line 69, column 1
Trigger.ClientUpdates: line 19, column 1

Message Edited by renu on 07-09-2008 02:20 PM

renu
July 09, 2008
Like
1

1 replies

How do I pull Content 'Weblink' record URL into Content report?

Once the content is created, you can then edit this URL by editing the content details:

Content link edit URL

Thanks in advance for any help!

Marianne Komeski
February 06, 2015
Like
1