Best way to make list of profiles


#1

Hi - I want to display a list of user profiles on a page, as a list of square tiles, 4 on each line, and then perhaps 4 lines (with the ability to move to next page). Each profile should have a picture, have a text heading and some more text below the picture.
Is there a package for doing this?


#2

You could easily achieve this by using a users publication and by using a package like Reactstrap to make that grid layout. (If using react ofcourse)


#3

It is not that hard to code this actually…

You could do something like this: (I am using Bootstrap 3 and { FilesCollection } from ‘meteor/ostrio:files’; )

<div class="row">
        {{#each team}}
        <div class="col-md-4">
            <div class="thumbnail">
                <div class="image view view-first">
                    <img style="width: 100%; display: block;" src="{{imageFile picture}}" alt="image" />
                    <div class="mask">
                        <p class="text-center">{{formation}}</p>
                        <div class="tools tools-bottom">
                            <a href="{{link}}"><i class="fa fa-link"></i></a>
                            <!-- Edit and Remove Team members -->
                            {{#if isInRole 'Colaborador'}}
                            <a href="#"><i class="fa fa-edit"></i></a>
                            <a href="#" id="deleteTeamMember"><i class="fa fa-times"></i></a>
                            {{/if}}
                        </div>
                    </div>
                </div>
                <div class="caption text-center">
                    <p>{{name}}</p>
                </div>
            </div>
        </div>
        {{/each}}
    </div>

You could adjust that for your needs.