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
Sujata Gusain 6Sujata Gusain 6 

How Can Contact List Show horizontal

<template>
  <div class="card lt-purple full mt-24">
    <h4>New Customers</h4>
    <p>
        Welcome new customers with love. Send them special deals and
        discounts via email.
    </p>
    <template if:true={renderTable}>
        <div class="table">
    <ul>
        <li for:each={contactsList} for:item="item" key={item.Id}>
            <div class="user-pic"> <img src= {item.PhotoUrl} alt={item.FirstName} /></div>
            <span>{item.FirstName}</span>
        </li>
       <li>
            <div class="user-pic">+{remainingRecordsCount}</div>
            <span><a href="#">View All</a></span>
        </li>
    </ul>
</div>
    </template>
</div>
 
</template>
I want to show my contact list like this.
User-added image
Best Answer chosen by Sujata Gusain 6
PriyaPriya (Salesforce Developers) 

Hi Sujata,

try with this code :- 

<ul class="slds-list_horizontal">

<li></li>
<li></li>
.
.
.


If it works, please mark it as best answer.

Regards,

Priya Ranjan