function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Artem Kalus 7Artem Kalus 7 

Apply css styles to "article" element inside "lightning-card" component

I need to apply "width:100%" to "article" element inside "lightning-card"

Nothing seem to work, please help.
  
<template>
    <lightning-card  title="Test" icon-name="action:share_poll" style="display:flex; height: 100%;">

        <lightning-datatable
                key-field="id"
                data={data}
                columns={columns}
                hide-checkbox-column>
        </lightning-datatable>

    </lightning-card>
</template>

​​​

 
AnudeepAnudeep (Salesforce Developers) 
As per the documentation, to style the card body, use the Lightning Design System helper classes.

When applying Lightning Design System classes or icons, check that they are available in the Lightning Design System release tied to your org. The latest Lightning Design System resources become available only when the new release is available in your org.
This component inherits styling from cards in the Lightning Design System.

See Documentation to learn more
Jonathan SwiffJonathan Swiff
Sacramento Bail (https://www.atlantisbailbonds.net/) must be posted by a Sacramento Bail Bonds Agent (https://www.atlantisbailbonds.net/) who knows How Bail Bonds Work Sacramento (https://www.atlantisbailbonds.net/) and can offer a Bail Payment Plan in Sacramento (https://www.atlantisbailbonds.net/) . Fast Bail Sacramento (https://www.atlantisbailbonds.net/) can be obtained from someone who provides 24 Hour Bail Bonds Sacramento (https://www.atlantisbailbonds.net/).