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?
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)
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.