scrollToIndex not working properly on iOS

Thread is closed for posting
7 posts, 0 answers
  1. Nicola
    Nicola avatar
    13 posts
    Member since:
    Mar 2017

    Posted 08 Jun 2017 Link to this post

    I'm running into an issue with iOS when I call scrollToIndex. It's as if the height of the items is calculated as bigger than what it actually is.

    template

    <StackLayout id="contacts" orientation="vertical">
      <SegmentedBar id="contactsNav" class="contacts__nav" [items]="contactTypes" selectedIndex="0" (selectedIndexChange)="onContactTypeChanged($event)"></SegmentedBar>
      <GridLayout id="connections" *ngIf="!showContacts" rows="*">
        <ScrollView>
          <StackLayout class="card-list">
            <StackLayout class="card" *ngFor="let item of recentContacts">
              <app-card [card]="item.card"></app-card>
            </StackLayout>
          </StackLayout>
        </ScrollView>
        <Label *ngIf="!recentContacts.length" text="You haven’t collected any cards!"></Label>
      </GridLayout>
      <DockLayout *ngIf="showContacts" stretchLastChild="true" backgroundColor="transparent">
        <RadListView backgroundColor="transparent" *ngIf="allContacts.length" (itemLoading)="onItemLoading($event)" dock="right" [items]="letters" rows="0" width="30">
          <ng-template tkListItemTemplate let-item="item">
            <Label class="letter" [class.is-active]="item.active" [text]="item.letter" (tap)="onLetterClick(item.index)"></Label>
          </ng-template>
        </RadListView>
        <GridLayout *ngIf="allContacts.length" dock="bottom" rows="*">
          <RadListView backgroundColor="transparent" (itemLoading)="onItemLoading($event)" #allContactsView [items]="allContacts" class="contacts__list">
            <ng-template tkListItemTemplate let-item="item">
              <StackLayout orientation="horizontal">
                <Label class="contacts__list-letter" [text]="item.letter"></Label>
                <StackLayout orientation="horizontal" class="contact__card">
                  <Label class="contacts__list-initials" [style]="getBackground(item)" [text]="getInitials(item)"></Label>
                  <GridLayout class="contacts__list-details">
                    <StackLayout>
                      <Label class="contacts__list-name" [text]="item.fullName"></Label>
                      <StackLayout *ngIf="item.primaryPhone" orientation="horizontal">
                        <Label class="icon" [text]="'\ue834'"></Label>
                        <Label [text]="item.primaryPhone"></Label>
                      </StackLayout>
                      <StackLayout *ngIf="item.email" orientation="horizontal">
                        <Label class="icon email" [text]="'\ue829'"></Label>
                        <Label [text]="item.email"></Label>
                      </StackLayout>
                    </StackLayout>
                  </GridLayout>
                </StackLayout>
              </StackLayout>
            </ng-template>
          </RadListView>
        </GridLayout>
        <Label *ngIf="!allContacts.length" text="You don’t have any contacts"></Label>
      </DockLayout>
    </StackLayout>

    ts 

    import { Component, OnInit, ViewChild } from '@angular/core';
    import { Page } from 'ui/page';
    import { Router } from '@angular/router';
     
    import { AuthService } from '../../services/auth.service';
    import { LayoutComponent } from '../../pages/layout/layout.component';
    import { isAndroid, isIOS } from 'platform';
    import { Color } from 'color';
    import { SegmentedBar, SegmentedBarItem } from 'ui/segmented-bar';
    import { ContactsService, ConnectionsService, Util } from 'ink-api-mobile';
    import { RadListViewComponent } from 'nativescript-telerik-ui-pro/listview/angular';
     
    declare var android: any;
     
    @Component({
      selector: 'ink-contacts',
      templateUrl: 'components/contacts/contacts.html',
      styleUrls: ['components/contacts/contacts-common.css', 'components/contacts/contacts.css'],
    })
     
    export class ContactsComponent extends LayoutComponent implements OnInit  {
      protected contactTypes: Array<SegmentedBarItem> = [];
      protected recentContacts: any[] = [];
      private recentContactsLoaded = false;
      protected allContacts: any[] = [];
      protected _allContacts: any[] = [];
      private allContactsLoaded = false;
      protected letters: any[] = [];
      private showContacts = true; // set it to true since when the segmented bar initializes it calls the change event and sets it to false.
      @ViewChild('allContactsView') allContactsList: RadListViewComponent;
      private contactsNav: SegmentedBar;
     
      constructor(
        page: Page,
        router: Router,
        authService: AuthService,
        loadingService: LoadingService,
        buttonsService: ButtonsService,
        private contactsService: ContactsService,
        private connectionsService: ConnectionsService,
      ) {
        super(page, router, authService, loadingService, buttonsService);
        ['Connections', 'Contacts'].forEach(type => {
          let item = <SegmentedBarItem>new SegmentedBarItem();
          item.title = type;
          this.contactTypes.push(item);
        });
     
        // create the letters array by default they are all inactive
        this.letters = 'abcdefghijklmnopqrstuvwxyz'.split('').map(letter => {
          return { letter, active: false, index: -1 };
        });
      }
     
      ngOnInit() {
        this.contactsNav = <SegmentedBar>this.page.getViewById('contactsNav');
      }
     
      onItemLoading(args) {
        if (isIOS) {
          let color = new Color(0, 255, 0, 0);
          args.ios.backgroundView.backgroundColor = color.ios;
        }
      }
     
      getRecentContacts() {
        if (this.recentContactsLoaded) {
          return;
        }
     
        this.connectionsService.getCurrentUserConnections('')
          .subscribe(
            res => {
              if (res.items) {
                this.recentContacts = res.items.map(contact => {
                  contact.background = Util.generateColor(contact.card.firstName + contact.card.lastName);
                  return contact;
                });
              }
     
              this.recentContactsLoaded = true;
            },
            err => this._loadingError(err)
          );
      }
     
      getAllContacts() {
        if (this.allContactsLoaded) {
          return;
        }
     
        this.showLoading(true);
        this.contactsService.getAllContacts()
          .subscribe(
            res => {
              if (res.items) {
                // first let's sort the contacts in case they are not
                res.items.sort((a, b) => {
                  if (a.firstName < b.firstName) {
                    return -1;
                  }
                  if (a.firstName > b.firstName) {
                    return 1;
                  }
     
                  return 0;
                });
     
                let currentLetter = null;
     
                res.items.forEach((contact, index) => {
                  const firstLetter = contact.firstName.charAt(0).toLowerCase();
                  if (firstLetter !== currentLetter) {
                    contact.letter = firstLetter;
                    currentLetter = firstLetter;
                    const letter = this.letters.find((item) => item.letter === firstLetter)
                    letter.active = true;
                    letter.index = index;
                  } else {
                    contact.letter = '';
                  }
     
                  contact.background = Util.generateColor(contact.firstName + contact.lastName);
                  contact.initials = contact.firstName.charAt(0) + contact.lastName.charAt(0);
                  contact.fullName = `${contact.firstName} ${contact.lastName}`;
                  contact.isConnection = contact.contactUserId !== null;
                  this.allContacts.push(contact);
                });
     
                this._allContacts = Array.from(this.allContacts);
              }
     
              this.allContactsLoaded = true;
              this.showLoading(false);
            },
            err => this._loadingError(err)
          );
      }
     
      _loadingError(err) {
        alert(err.message);
      }
     
      onLetterClick(index) {
        if (index >= 0) {
          console.log(`SCROLLING TO: ${index}`);
          this.allContactsList.listView.scrollToIndex(index);
        }
      }
     
      getBackground(contact) {
        if (contact.profileImageUrl) {
          return `background-image: url(${contact.profileImageUrl});`;
        } else {
          return `background-color: ${contact.background};`;
        }
      }
     
      getInitials(contact) {
        return (contact.profileImageUrl) ? '' : contact.initials;
      }
    }

    css

    .letter {
      text-align: center;
      text-transform: uppercase;
      color: #8dcefc;
    }
     
    .letter.is-active {
      color: #fff;
    }
     
    .contacts__qr {
      width: 100;
      margin: 10 0 20;
    }
     
    #connections .card-list {
      padding: 10;
      padding-top: 0;
    }
     
    #connections .card-list .card {
      margin-top: 10;
    }
     
    .contacts__nav {
      margin-bottom: 10;
    }
     
    .contacts__list-letter {
      color: #fff;
      font-size: 20;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      width: 25;
    }
     
    .contacts__list-initials {
      background-repeat: no-repeat;
      background-size: cover;
      color: #fff;
      font-size: 40;
      height: 100;
      padding-top: 20;
      text-align: center;
      width: 100;
      /* clip-path: ellipse(94% 90% at 80% 50%); */
    }
     
    .contact__card {
      background-color: #fff;
      /* border-radius: 5; */
      color: #000;
      margin-bottom: 5;
      width: 100%;
    }
     
    .contacts__list-details .icon {
      color: #000;
      font-size: 14;
      margin: 3 5 0 0;
    }
     
    .contacts__list-details .icon.email {
      margin-top: 5;
    }
     
    .contacts__list-details {
      vertical-align: center;
      padding-left: 20;
    }
     
    .contacts__list-name {
      font-size: 18;
      font-weight: bold;
      margin-bottom: 5;
    }

     

    Data returned by getAllContacts()

    {"items":[{"userId":"123450","contactUserId":"12345-1","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Wilma","lastName":"Brady","title":"Title 0","templateType":"classic","phoneNumber":"310-444-5555","email":"user0@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 0","firstName":"Wilma","middleName":null,"lastName":"Hayes","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"3104056789","homePhone":null,"mobilePhone":null,"primaryPhone":"3104056789","email":"email0@ink.cards"},{"userId":"123451","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 1","firstName":"Benny","middleName":null,"lastName":"Hayes","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"3104156789","homePhone":null,"mobilePhone":null,"primaryPhone":"3104156789","email":null},{"userId":"123452","contactUserId":"123451","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhyKguCn1-MyCYVmfk-JQlRaF6ioW5QhQdbR4pXIuekOkfCMpEQ","card":{"firstName":"Cesar","lastName":"Ryan","title":"Title 2","templateType":"modern","phoneNumber":"310-444-5555","email":"user2@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 2","firstName":"Benny","middleName":null,"lastName":"Brady","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"3104256789","homePhone":null,"mobilePhone":null,"primaryPhone":"3104256789","email":"email2@ink.cards"},{"userId":"123453","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 3","firstName":"Terry","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"3104356789","homePhone":null,"mobilePhone":null,"primaryPhone":"3104356789","email":null},{"userId":"123454","contactUserId":"123453","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Benny","lastName":"Carlson","title":"Title 4","templateType":"modern","phoneNumber":"310-444-5555","email":"user4@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 4","firstName":"Christopher","middleName":null,"lastName":"Hayes","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"3104456789","homePhone":null,"mobilePhone":null,"primaryPhone":"3104456789","email":null},{"userId":"123455","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 5","firstName":"Angie","mi
    JS: ddleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"3104556789","homePhone":null,"mobilePhone":null,"primaryPhone":"3104556789","email":null},{"userId":"123456","contactUserId":"123455","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Benny","lastName":"Ramirez","title":"Title 6","templateType":"modern","phoneNumber":"310-444-5555","email":"user6@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 6","firstName":"Angie","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"3104656789","homePhone":null,"mobilePhone":null,"primaryPhone":"3104656789","email":null},{"userId":"123457","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 7","firstName":"Benny","middleName":null,"lastName":"Brady","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"3104756789","homePhone":null,"mobilePhone":null,"primaryPhone":"3104756789","email":null},{"userId":"123458","contactUserId":"123457","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTNryR26xQpEIOduxYUBfywVxdz31P0i2QZM_zvh-TO5RATZ8ydcw","card":{"firstName":"Lynne","lastName":"Hayes","title":"Title 8","templateType":"modern","phoneNumber":"310-444-5555","email":"user8@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 8","firstName":"Benny","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"3104856789","homePhone":null,"mobilePhone":null,"primaryPhone":"3104856789","email":"email8@ink.cards"},{"userId":"123459","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 9","firstName":"Wilma","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"3104956789","homePhone":null,"mobilePhone":null,"primaryPhone":"3104956789","email":"email9@ink.cards"},{"userId":"1234510","contactUserId":"123459","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoPir8ClUQbBBYR6xk92qNHC3b2H0ebvApX9rz5odAG__14jmz","card":{"firstName":"Terry","lastName":"Ryan","title":"Title 10","templateType":"modern","phoneNumber":"310-444-5555","email":"user10@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 10","firstName":"Lynne","middleName":null,"lastName":"Hayes","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCi
    JS: ty":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31041056789","homePhone":null,"mobilePhone":null,"primaryPhone":"31041056789","email":"email10@ink.cards"},{"userId":"1234511","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 11","firstName":"Martin","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31041156789","homePhone":null,"mobilePhone":null,"primaryPhone":"31041156789","email":null},{"userId":"1234512","contactUserId":"1234511","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Cesar","lastName":"Dunn","title":"Title 12","templateType":"classic","phoneNumber":"310-444-5555","email":"user12@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 12","firstName":"Fred","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31041256789","homePhone":null,"mobilePhone":null,"primaryPhone":"31041256789","email":"email12@ink.cards"},{"userId":"1234513","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 13","firstName":"Fred","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31041356789","homePhone":null,"mobilePhone":null,"primaryPhone":"31041356789","email":null},{"userId":"1234514","contactUserId":"1234513","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoPir8ClUQbBBYR6xk92qNHC3b2H0ebvApX9rz5odAG__14jmz","card":{"firstName":"Christopher","lastName":"Hayes","title":"Title 14","templateType":"classic","phoneNumber":"310-444-5555","email":"user14@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 14","firstName":"Martin","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31041456789","homePhone":null,"mobilePhone":null,"primaryPhone":"31041456789","email":null},{"userId":"1234515","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 15","firstName":"Lynne","middleName":null,"lastName":"Ramirez","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31041556789","homePhone":null,"mobilePhone":null,"primaryPhone":"31041556789","email":null},{"userId":"1234516","contactUserId":"1234515","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Terry","lastName":"Armstrong","ti
    JS: tle":"Title 16","templateType":"classic","phoneNumber":"310-444-5555","email":"user16@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 16","firstName":"Benny","middleName":null,"lastName":"Ramirez","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31041656789","homePhone":null,"mobilePhone":null,"primaryPhone":"31041656789","email":"email16@ink.cards"},{"userId":"1234517","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 17","firstName":"Wilma","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31041756789","homePhone":null,"mobilePhone":null,"primaryPhone":"31041756789","email":"email17@ink.cards"},{"userId":"1234518","contactUserId":"1234517","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhyKguCn1-MyCYVmfk-JQlRaF6ioW5QhQdbR4pXIuekOkfCMpEQ","card":{"firstName":"Benny","lastName":"Moody","title":"Title 18","templateType":"classic","phoneNumber":"310-444-5555","email":"user18@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 18","firstName":"Wilma","middleName":null,"lastName":"Ramirez","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31041856789","homePhone":null,"mobilePhone":null,"primaryPhone":"31041856789","email":null},{"userId":"1234519","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 19","firstName":"Fred","middleName":null,"lastName":"Brady","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31041956789","homePhone":null,"mobilePhone":null,"primaryPhone":"31041956789","email":null},{"userId":"1234520","contactUserId":"1234519","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Lynne","lastName":"Curtis","title":"Title 20","templateType":"classic","phoneNumber":"310-444-5555","email":"user20@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 20","firstName":"Christopher","middleName":null,"lastName":"Moody","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31042056789","homePhone":null,"mobilePhone":null,"primaryPhone":"31042056789","email":"email20@ink.cards"},{"userId":"1234521","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 21","firstName":"Cesar","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":
    JS: null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31042156789","homePhone":null,"mobilePhone":null,"primaryPhone":"31042156789","email":null},{"userId":"1234522","contactUserId":"1234521","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhyKguCn1-MyCYVmfk-JQlRaF6ioW5QhQdbR4pXIuekOkfCMpEQ","card":{"firstName":"Martin","lastName":"Curtis","title":"Title 22","templateType":"classic","phoneNumber":"310-444-5555","email":"user22@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 22","firstName":"Benny","middleName":null,"lastName":"Moody","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31042256789","homePhone":null,"mobilePhone":null,"primaryPhone":"31042256789","email":"email22@ink.cards"},{"userId":"1234523","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 23","firstName":"Cesar","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31042356789","homePhone":null,"mobilePhone":null,"primaryPhone":"31042356789","email":"email23@ink.cards"},{"userId":"1234524","contactUserId":"1234523","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhyKguCn1-MyCYVmfk-JQlRaF6ioW5QhQdbR4pXIuekOkfCMpEQ","card":{"firstName":"Benny","lastName":"Ryan","title":"Title 24","templateType":"classic","phoneNumber":"310-444-5555","email":"user24@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 24","firstName":"Cesar","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31042456789","homePhone":null,"mobilePhone":null,"primaryPhone":"31042456789","email":null},{"userId":"1234525","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 25","firstName":"Cesar","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31042556789","homePhone":null,"mobilePhone":null,"primaryPhone":"31042556789","email":null},{"userId":"1234526","contactUserId":"1234525","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Benny","lastName":"Brady","title":"Title 26","templateType":"classic","phoneNumber":"310-444-5555","email":"user26@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 26","firstName":"Christopher","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCo
    JS: de":null,"homeCountry":null,"businessPhone":"31042656789","homePhone":null,"mobilePhone":null,"primaryPhone":"31042656789","email":null},{"userId":"1234527","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 27","firstName":"Christopher","middleName":null,"lastName":"Moody","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31042756789","homePhone":null,"mobilePhone":null,"primaryPhone":"31042756789","email":null},{"userId":"1234528","contactUserId":"1234527","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTNryR26xQpEIOduxYUBfywVxdz31P0i2QZM_zvh-TO5RATZ8ydcw","card":{"firstName":"Angie","lastName":"Ramirez","title":"Title 28","templateType":"classic","phoneNumber":"310-444-5555","email":"user28@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 28","firstName":"Hilda","middleName":null,"lastName":"Moody","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31042856789","homePhone":null,"mobilePhone":null,"primaryPhone":"31042856789","email":null},{"userId":"1234529","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 29","firstName":"Christopher","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31042956789","homePhone":null,"mobilePhone":null,"primaryPhone":"31042956789","email":null},{"userId":"1234530","contactUserId":"1234529","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoPir8ClUQbBBYR6xk92qNHC3b2H0ebvApX9rz5odAG__14jmz","card":{"firstName":"Benny","lastName":"Hayes","title":"Title 30","templateType":"modern","phoneNumber":"310-444-5555","email":"user30@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 30","firstName":"Cesar","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31043056789","homePhone":null,"mobilePhone":null,"primaryPhone":"31043056789","email":"email30@ink.cards"},{"userId":"1234531","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 31","firstName":"Cesar","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31043156789","homePhone":null,"mobilePhone":null,"primaryPhone":"31043156789","email":null},{"userId":"1234532","contactUserId":"1234531","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Hilda","lastName":"Hayes","title":"Title 32","templateType":"classic","phoneNumber":"310-444-5555","email":"user32@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/com
    JS: mons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 32","firstName":"Wilma","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31043256789","homePhone":null,"mobilePhone":null,"primaryPhone":"31043256789","email":"email32@ink.cards"},{"userId":"1234533","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 33","firstName":"Angie","middleName":null,"lastName":"Moody","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31043356789","homePhone":null,"mobilePhone":null,"primaryPhone":"31043356789","email":"email33@ink.cards"},{"userId":"1234534","contactUserId":"1234533","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Wilma","lastName":"Curtis","title":"Title 34","templateType":"classic","phoneNumber":"310-444-5555","email":"user34@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 34","firstName":"Angie","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31043456789","homePhone":null,"mobilePhone":null,"primaryPhone":"31043456789","email":null},{"userId":"1234535","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 35","firstName":"Martin","middleName":null,"lastName":"Ryan","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31043556789","homePhone":null,"mobilePhone":null,"primaryPhone":"31043556789","email":"email35@ink.cards"},{"userId":"1234536","contactUserId":"1234535","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Angie","lastName":"Dunn","title":"Title 36","templateType":"classic","phoneNumber":"310-444-5555","email":"user36@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 36","firstName":"Hilda","middleName":null,"lastName":"Ramirez","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31043656789","homePhone":null,"mobilePhone":null,"primaryPhone":"31043656789","email":"email36@ink.cards"},{"userId":"1234537","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 37","firstName":"Benny","middleName":null,"lastName":"Moody","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31043756789","
    JS: homePhone":null,"mobilePhone":null,"primaryPhone":"31043756789","email":"email37@ink.cards"},{"userId":"1234538","contactUserId":"1234537","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoPir8ClUQbBBYR6xk92qNHC3b2H0ebvApX9rz5odAG__14jmz","card":{"firstName":"Martin","lastName":"Brady","title":"Title 38","templateType":"classic","phoneNumber":"310-444-5555","email":"user38@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 38","firstName":"Lynne","middleName":null,"lastName":"Armstrong","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31043856789","homePhone":null,"mobilePhone":null,"primaryPhone":"31043856789","email":"email38@ink.cards"},{"userId":"1234539","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 39","firstName":"Martin","middleName":null,"lastName":"Armstrong","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31043956789","homePhone":null,"mobilePhone":null,"primaryPhone":"31043956789","email":null},{"userId":"1234540","contactUserId":"1234539","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Wilma","lastName":"Carlson","title":"Title 40","templateType":"classic","phoneNumber":"310-444-5555","email":"user40@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 40","firstName":"Angie","middleName":null,"lastName":"Armstrong","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31044056789","homePhone":null,"mobilePhone":null,"primaryPhone":"31044056789","email":null},{"userId":"1234541","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 41","firstName":"Wilma","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31044156789","homePhone":null,"mobilePhone":null,"primaryPhone":"31044156789","email":"email41@ink.cards"},{"userId":"1234542","contactUserId":"1234541","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Cesar","lastName":"Armstrong","title":"Title 42","templateType":"modern","phoneNumber":"310-444-5555","email":"user42@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 42","firstName":"Benny","middleName":null,"lastName":"Armstrong","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31044256789","homePhone":null,"mobilePhone":null,"primaryPhone":"31044256789","ema
    JS: il":"email42@ink.cards"},{"userId":"1234543","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 43","firstName":"Wilma","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31044356789","homePhone":null,"mobilePhone":null,"primaryPhone":"31044356789","email":"email43@ink.cards"},{"userId":"1234544","contactUserId":"1234543","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Lynne","lastName":"Brady","title":"Title 44","templateType":"modern","phoneNumber":"310-444-5555","email":"user44@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 44","firstName":"Lynne","middleName":null,"lastName":"Hayes","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31044456789","homePhone":null,"mobilePhone":null,"primaryPhone":"31044456789","email":"email44@ink.cards"},{"userId":"1234545","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 45","firstName":"Wilma","middleName":null,"lastName":"Armstrong","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31044556789","homePhone":null,"mobilePhone":null,"primaryPhone":"31044556789","email":null},{"userId":"1234546","contactUserId":"1234545","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhyKguCn1-MyCYVmfk-JQlRaF6ioW5QhQdbR4pXIuekOkfCMpEQ","card":{"firstName":"Martin","lastName":"Hayes","title":"Title 46","templateType":"modern","phoneNumber":"310-444-5555","email":"user46@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 46","firstName":"Terry","middleName":null,"lastName":"Hayes","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31044656789","homePhone":null,"mobilePhone":null,"primaryPhone":"31044656789","email":null},{"userId":"1234547","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 47","firstName":"Martin","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31044756789","homePhone":null,"mobilePhone":null,"primaryPhone":"31044756789","email":"email47@ink.cards"},{"userId":"1234548","contactUserId":"1234547","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTNryR26xQpEIOduxYUBfywVxdz31P0i2QZM_zvh-TO5RATZ8ydcw","card":{"firstName":"Wilma","lastName":"Ramirez","title":"Title 48","templateType":"classic","phoneNumber":"310-444-5555","email":"user48@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_Englis
    JS: h_Wikipedia.svg.png"},"title":"Title 48","firstName":"Fred","middleName":null,"lastName":"Moody","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31044856789","homePhone":null,"mobilePhone":null,"primaryPhone":"31044856789","email":"email48@ink.cards"},{"userId":"1234549","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 49","firstName":"Lynne","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31044956789","homePhone":null,"mobilePhone":null,"primaryPhone":"31044956789","email":null},{"userId":"1234550","contactUserId":"1234549","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTNryR26xQpEIOduxYUBfywVxdz31P0i2QZM_zvh-TO5RATZ8ydcw","card":{"firstName":"Lynne","lastName":"Ryan","title":"Title 50","templateType":"classic","phoneNumber":"310-444-5555","email":"user50@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 50","firstName":"Fred","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31045056789","homePhone":null,"mobilePhone":null,"primaryPhone":"31045056789","email":null},{"userId":"1234551","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 51","firstName":"Benny","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31045156789","homePhone":null,"mobilePhone":null,"primaryPhone":"31045156789","email":null},{"userId":"1234552","contactUserId":"1234551","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoPir8ClUQbBBYR6xk92qNHC3b2H0ebvApX9rz5odAG__14jmz","card":{"firstName":"Terry","lastName":"Dunn","title":"Title 52","templateType":"classic","phoneNumber":"310-444-5555","email":"user52@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 52","firstName":"Christopher","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31045256789","homePhone":null,"mobilePhone":null,"primaryPhone":"31045256789","email":"email52@ink.cards"},{"userId":"1234553","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 53","firstName":"Cesar","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31045356789","homePhone":null,"mobilePhone":null,"primaryPhone":"31045356789","email":null},{"userId":"1234554","contactUserId":
    JS: "1234553","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Terry","lastName":"Armstrong","title":"Title 54","templateType":"classic","phoneNumber":"310-444-5555","email":"user54@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 54","firstName":"Benny","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31045456789","homePhone":null,"mobilePhone":null,"primaryPhone":"31045456789","email":"email54@ink.cards"},{"userId":"1234555","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 55","firstName":"Martin","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31045556789","homePhone":null,"mobilePhone":null,"primaryPhone":"31045556789","email":"email55@ink.cards"},{"userId":"1234556","contactUserId":"1234555","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoPir8ClUQbBBYR6xk92qNHC3b2H0ebvApX9rz5odAG__14jmz","card":{"firstName":"Christopher","lastName":"Brady","title":"Title 56","templateType":"modern","phoneNumber":"310-444-5555","email":"user56@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 56","firstName":"Cesar","middleName":null,"lastName":"Ramirez","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31045656789","homePhone":null,"mobilePhone":null,"primaryPhone":"31045656789","email":"email56@ink.cards"},{"userId":"1234557","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 57","firstName":"Martin","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31045756789","homePhone":null,"mobilePhone":null,"primaryPhone":"31045756789","email":"email57@ink.cards"},{"userId":"1234558","contactUserId":"1234557","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Angie","lastName":"Brady","title":"Title 58","templateType":"modern","phoneNumber":"310-444-5555","email":"user58@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 58","firstName":"Terry","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31045856789","homePhone":null,"mobilePhone":null,"primaryPhone":"31045856789","email":null},{"userId":"1234559","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 59","fi
    JS: rstName":"Christopher","middleName":null,"lastName":"Ryan","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31045956789","homePhone":null,"mobilePhone":null,"primaryPhone":"31045956789","email":null},{"userId":"1234560","contactUserId":"1234559","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Hilda","lastName":"Carlson","title":"Title 60","templateType":"modern","phoneNumber":"310-444-5555","email":"user60@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 60","firstName":"Cesar","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31046056789","homePhone":null,"mobilePhone":null,"primaryPhone":"31046056789","email":null},{"userId":"1234561","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 61","firstName":"Fred","middleName":null,"lastName":"Hayes","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31046156789","homePhone":null,"mobilePhone":null,"primaryPhone":"31046156789","email":"email61@ink.cards"},{"userId":"1234562","contactUserId":"1234561","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Angie","lastName":"Brady","title":"Title 62","templateType":"classic","phoneNumber":"310-444-5555","email":"user62@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 62","firstName":"Christopher","middleName":null,"lastName":"Hayes","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31046256789","homePhone":null,"mobilePhone":null,"primaryPhone":"31046256789","email":"email62@ink.cards"},{"userId":"1234563","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 63","firstName":"Cesar","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31046356789","homePhone":null,"mobilePhone":null,"primaryPhone":"31046356789","email":null},{"userId":"1234564","contactUserId":"1234563","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhyKguCn1-MyCYVmfk-JQlRaF6ioW5QhQdbR4pXIuekOkfCMpEQ","card":{"firstName":"Terry","lastName":"Curtis","title":"Title 64","templateType":"classic","phoneNumber":"310-444-5555","email":"user64@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 64","firstName":"Christopher","middleName":null,"lastName":"Ramirez","suffix":null,"company":null,
    JS: "department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31046456789","homePhone":null,"mobilePhone":null,"primaryPhone":"31046456789","email":null},{"userId":"1234565","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 65","firstName":"Angie","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31046556789","homePhone":null,"mobilePhone":null,"primaryPhone":"31046556789","email":"email65@ink.cards"},{"userId":"1234566","contactUserId":"1234565","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Christopher","lastName":"Moody","title":"Title 66","templateType":"classic","phoneNumber":"310-444-5555","email":"user66@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 66","firstName":"Angie","middleName":null,"lastName":"Ryan","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31046656789","homePhone":null,"mobilePhone":null,"primaryPhone":"31046656789","email":null},{"userId":"1234567","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 67","firstName":"Angie","middleName":null,"lastName":"Armstrong","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31046756789","homePhone":null,"mobilePhone":null,"primaryPhone":"31046756789","email":null},{"userId":"1234568","contactUserId":"1234567","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhyKguCn1-MyCYVmfk-JQlRaF6ioW5QhQdbR4pXIuekOkfCMpEQ","card":{"firstName":"Benny","lastName":"Hayes","title":"Title 68","templateType":"classic","phoneNumber":"310-444-5555","email":"user68@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 68","firstName":"Martin","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31046856789","homePhone":null,"mobilePhone":null,"primaryPhone":"31046856789","email":null},{"userId":"1234569","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 69","firstName":"Lynne","middleName":null,"lastName":"Brady","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31046956789","homePhone":null,"mobilePhone":null,"primaryPhone":"31046956789","email":"email69@ink.cards"},{"userId":"1234570","contactUserId":"1234569","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTNryR26xQpEIOduxYUBfywVxdz31P0i2QZM
    JS: _zvh-TO5RATZ8ydcw","card":{"firstName":"Terry","lastName":"Kelley","title":"Title 70","templateType":"classic","phoneNumber":"310-444-5555","email":"user70@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 70","firstName":"Christopher","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31047056789","homePhone":null,"mobilePhone":null,"primaryPhone":"31047056789","email":null},{"userId":"1234571","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 71","firstName":"Wilma","middleName":null,"lastName":"Moody","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31047156789","homePhone":null,"mobilePhone":null,"primaryPhone":"31047156789","email":null},{"userId":"1234572","contactUserId":"1234571","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Cesar","lastName":"Moody","title":"Title 72","templateType":"classic","phoneNumber":"310-444-5555","email":"user72@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 72","firstName":"Benny","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31047256789","homePhone":null,"mobilePhone":null,"primaryPhone":"31047256789","email":null},{"userId":"1234573","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 73","firstName":"Fred","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31047356789","homePhone":null,"mobilePhone":null,"primaryPhone":"31047356789","email":null},{"userId":"1234574","contactUserId":"1234573","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTNryR26xQpEIOduxYUBfywVxdz31P0i2QZM_zvh-TO5RATZ8ydcw","card":{"firstName":"Cesar","lastName":"Hayes","title":"Title 74","templateType":"modern","phoneNumber":"310-444-5555","email":"user74@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 74","firstName":"Angie","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31047456789","homePhone":null,"mobilePhone":null,"primaryPhone":"31047456789","email":"email74@ink.cards"},{"userId":"1234575","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 75","firstName":"Benny","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessStat
    JS: e":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31047556789","homePhone":null,"mobilePhone":null,"primaryPhone":"31047556789","email":null},{"userId":"1234576","contactUserId":"1234575","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Benny","lastName":"Kelley","title":"Title 76","templateType":"modern","phoneNumber":"310-444-5555","email":"user76@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 76","firstName":"Angie","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31047656789","homePhone":null,"mobilePhone":null,"primaryPhone":"31047656789","email":"email76@ink.cards"},{"userId":"1234577","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 77","firstName":"Benny","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31047756789","homePhone":null,"mobilePhone":null,"primaryPhone":"31047756789","email":"email77@ink.cards"},{"userId":"1234578","contactUserId":"1234577","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Fred","lastName":"Dunn","title":"Title 78","templateType":"modern","phoneNumber":"310-444-5555","email":"user78@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 78","firstName":"Wilma","middleName":null,"lastName":"Curtis","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31047856789","homePhone":null,"mobilePhone":null,"primaryPhone":"31047856789","email":null},{"userId":"1234579","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 79","firstName":"Fred","middleName":null,"lastName":"Armstrong","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31047956789","homePhone":null,"mobilePhone":null,"primaryPhone":"31047956789","email":"email79@ink.cards"},{"userId":"1234580","contactUserId":"1234579","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Hilda","lastName":"Moody","title":"Title 80","templateType":"classic","phoneNumber":"310-444-5555","email":"user80@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 80","firstName":"Benny","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":
    JS: null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31048056789","homePhone":null,"mobilePhone":null,"primaryPhone":"31048056789","email":null},{"userId":"1234581","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 81","firstName":"Christopher","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31048156789","homePhone":null,"mobilePhone":null,"primaryPhone":"31048156789","email":"email81@ink.cards"},{"userId":"1234582","contactUserId":"1234581","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoPir8ClUQbBBYR6xk92qNHC3b2H0ebvApX9rz5odAG__14jmz","card":{"firstName":"Lynne","lastName":"Dunn","title":"Title 82","templateType":"modern","phoneNumber":"310-444-5555","email":"user82@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 82","firstName":"Lynne","middleName":null,"lastName":"Armstrong","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31048256789","homePhone":null,"mobilePhone":null,"primaryPhone":"31048256789","email":"email82@ink.cards"},{"userId":"1234583","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 83","firstName":"Angie","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31048356789","homePhone":null,"mobilePhone":null,"primaryPhone":"31048356789","email":null},{"userId":"1234584","contactUserId":"1234583","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhyKguCn1-MyCYVmfk-JQlRaF6ioW5QhQdbR4pXIuekOkfCMpEQ","card":{"firstName":"Cesar","lastName":"Brady","title":"Title 84","templateType":"classic","phoneNumber":"310-444-5555","email":"user84@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 84","firstName":"Christopher","middleName":null,"lastName":"Brady","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31048456789","homePhone":null,"mobilePhone":null,"primaryPhone":"31048456789","email":"email84@ink.cards"},{"userId":"1234585","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 85","firstName":"Terry","middleName":null,"lastName":"Moody","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31048556789","homePhone":null,"mobilePhone":null,"primaryPhone":"31048556789","email":null},{"userId":"1234586","contactUserId":"1234585","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE","card":{"firstName":"Terry","lastName":"Ryan","title":"Title 86","templateType":"modern","phoneNumber":"310-444-5555","email":"user86@ink.
    JS: cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 86","firstName":"Lynne","middleName":null,"lastName":"Ryan","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31048656789","homePhone":null,"mobilePhone":null,"primaryPhone":"31048656789","email":null},{"userId":"1234587","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 87","firstName":"Fred","middleName":null,"lastName":"Armstrong","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31048756789","homePhone":null,"mobilePhone":null,"primaryPhone":"31048756789","email":null},{"userId":"1234588","contactUserId":"1234587","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqtoCVUpVbxMyTwuExep1uQP83F9IhpAMF9Opez7WXICXZMi12Ag","card":{"firstName":"Fred","lastName":"Dunn","title":"Title 88","templateType":"modern","phoneNumber":"310-444-5555","email":"user88@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 88","firstName":"Wilma","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31048856789","homePhone":null,"mobilePhone":null,"primaryPhone":"31048856789","email":null},{"userId":"1234589","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 89","firstName":"Hilda","middleName":null,"lastName":"Hayes","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31048956789","homePhone":null,"mobilePhone":null,"primaryPhone":"31048956789","email":null},{"userId":"1234590","contactUserId":"1234589","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTNryR26xQpEIOduxYUBfywVxdz31P0i2QZM_zvh-TO5RATZ8ydcw","card":{"firstName":"Fred","lastName":"Armstrong","title":"Title 90","templateType":"classic","phoneNumber":"310-444-5555","email":"user90@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 90","firstName":"Hilda","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31049056789","homePhone":null,"mobilePhone":null,"primaryPhone":"31049056789","email":"email90@ink.cards"},{"userId":"1234591","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 91","firstName":"Wilma","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhon
    JS: e":"31049156789","homePhone":null,"mobilePhone":null,"primaryPhone":"31049156789","email":"email91@ink.cards"},{"userId":"1234592","contactUserId":"1234591","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoPir8ClUQbBBYR6xk92qNHC3b2H0ebvApX9rz5odAG__14jmz","card":{"firstName":"Christopher","lastName":"Ryan","title":"Title 92","templateType":"modern","phoneNumber":"310-444-5555","email":"user92@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 92","firstName":"Angie","middleName":null,"lastName":"Ryan","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31049256789","homePhone":null,"mobilePhone":null,"primaryPhone":"31049256789","email":"email92@ink.cards"},{"userId":"1234593","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 93","firstName":"Martin","middleName":null,"lastName":"Brady","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31049356789","homePhone":null,"mobilePhone":null,"primaryPhone":"31049356789","email":null},{"userId":"1234594","contactUserId":"1234593","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhyKguCn1-MyCYVmfk-JQlRaF6ioW5QhQdbR4pXIuekOkfCMpEQ","card":{"firstName":"Fred","lastName":"Ryan","title":"Title 94","templateType":"classic","phoneNumber":"310-444-5555","email":"user94@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 94","firstName":"Terry","middleName":null,"lastName":"Carlson","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31049456789","homePhone":null,"mobilePhone":null,"primaryPhone":"31049456789","email":null},{"userId":"1234595","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 95","firstName":"Martin","middleName":null,"lastName":"Brady","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31049556789","homePhone":null,"mobilePhone":null,"primaryPhone":"31049556789","email":null},{"userId":"1234596","contactUserId":"1234595","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTNryR26xQpEIOduxYUBfywVxdz31P0i2QZM_zvh-TO5RATZ8ydcw","card":{"firstName":"Martin","lastName":"Kelley","title":"Title 96","templateType":"classic","phoneNumber":"310-444-5555","email":"user96@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 96","firstName":"Lynne","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31049656789","homePhone":null,"mobilePhone":null,"primaryPhone":"31049656789","email":"email9
    JS: 6@ink.cards"},{"userId":"1234597","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 97","firstName":"Fred","middleName":null,"lastName":"Dunn","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31049756789","homePhone":null,"mobilePhone":null,"primaryPhone":"31049756789","email":"email97@ink.cards"},{"userId":"1234598","contactUserId":"1234597","profileImageUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhyKguCn1-MyCYVmfk-JQlRaF6ioW5QhQdbR4pXIuekOkfCMpEQ","card":{"firstName":"Angie","lastName":"Curtis","title":"Title 98","templateType":"classic","phoneNumber":"310-444-5555","email":"user98@ink.cards","QRCodeURL":"https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/QR_code_for_mobile_English_Wikipedia.svg/220px-QR_code_for_mobile_English_Wikipedia.svg.png"},"title":"Title 98","firstName":"Angie","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31049856789","homePhone":null,"mobilePhone":null,"primaryPhone":"31049856789","email":"email98@ink.cards"},{"userId":"1234599","contactUserId":null,"profileImageUrl":null,"card":null,"title":"Title 99","firstName":"Cesar","middleName":null,"lastName":"Kelley","suffix":null,"company":null,"department":null,"jobTitle":null,"businessStreet":null,"businessCity":null,"businessState":null,"businessPostalCode":null,"businessCountry":null,"homeStreet":null,"homeCity":null,"homeState":null,"homePostalCode":null,"homeCountry":null,"businessPhone":"31049956789","homePhone":null,"mobilePhone":null,"primaryPhone":"31049956789","email":"email99@ink.cards"}]}

     

    I have 100 items returned right now. 

    I've attached a gif with the issue. Also unrelated to this but getting a problem loading images as a background-image I get the following error on iOS

    CONSOLE ERROR file:///app/tns_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:569:26: Unhandled Promise rejection: unsupported URL ; Zone: <root> ; Task: Promise.then ; Value: Error: unsupported URL file:///app/tns_modules/tns-core-modules/http/http-request/http-request.js:86:37 [<root>]
        UIApplicationMain@[native code] [<root>]
        start@file:///app/tns_modules/tns-core-modules/application/application.js:211:26 [<root>]
        bootstrapApp@file:///app/tns_modules/nativescript-angular/platform-common.js:72:28 [<root>]
        bootstrapModule@file:///app/tns_modules/nativescript-angular/platform-common.js:60:26 [<root>]
        anonymous@file:///app/main.js:13:57 [<root>]
        evaluate@[native code] [<root>]
        moduleEvaluation@[native code] [<root>]
        [native code] [<root>]

    and Android

    JS: Error in downloadBitmap - java.net.MalformedURLException: no protocol: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE)
  2. Nicola
    Nicola avatar
    13 posts
    Member since:
    Mar 2017

    Posted 08 Jun 2017 in reply to Nicola Link to this post

    You can see the issue here https://s3.amazonaws.com/uploads.hipchat.com/30215/197636/Xhn3vNBKopvROY8/scrollToIndex-issue.gif I'm clicking on the letter m, l and back to top
  3. Nicola
    Nicola avatar
    13 posts
    Member since:
    Mar 2017

    Posted 08 Jun 2017 in reply to Nicola Link to this post

    SOLVED: adding this line before the list item template fixed the issue on iOS:

    <ListViewLinearLayout tkListViewLayout scrollDirection="Vertical" itemHeight="100"></ListViewLinearLayout>
  4. Nikolay Tsonev
    Admin
    Nikolay Tsonev avatar
    340 posts

    Posted 08 Jun 2017 Link to this post

    Hello,
    Thank you for the given code sample, however, there are some missing parts from the Data returned by getAllContacts() and services, which are used in the project, which prevents me from debugging the problem, which you are facing with. Regarding that, it would help if you could provide sample project, with the minimum code, which will allow us to review the issue on our side

    Moreover, I tried to recreate this behavior, while using parts of the given HTML code and the attached CSS and the scrollToIndex method seems to work normally on iOS. Something that I would suggest is to use ListView itemTap event instead of attaching the tap event to the Label. This would help you to get the item index much easier. For your convenience, I am attaching my GIF file from the Simulator and sample project. You could review it and make the needed changes.

    About the second problem, I tested the given URL for the image and also it was loaded as expected. Loading background-image is also shown in the sample project.

    It would also help if you cold provide some info about your environment(CLI. node, modules versions).

    Regards,
    nikolay.tsonev
    Progress Telerik
    Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
  5. Nicola
    Nicola avatar
    13 posts
    Member since:
    Mar 2017

    Posted 08 Jun 2017 Link to this post

    Nikolay,

    See my previous comment, adding the ListViewLinearLayout tag with the element height fixed the scroll issue for iOS. I'm still facing the image loading issue but I'll try your project and compare to see if it's something with my environment.

  6. Nikolay Tsonev
    Admin
    Nikolay Tsonev avatar
    340 posts

    Posted 08 Jun 2017 Link to this post

    Hi Nicola

    I am glad to hear that the scrolling issue has been resolved. Indeed you could review the sample project in my previous comment and to write us back if the issue still exists.
    The important part of the code is to verify if you are setting correctly the URL for the Image.
    .coverImage{
        background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrJqflS7zju7JB1NlPArJ6qn6u3CsY7z1qcfgQfDdhFWD77_sE");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }


    Regards,
    nikolay.tsonev
    Progress Telerik
    Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
  7. Nicola
    Nicola avatar
    13 posts
    Member since:
    Mar 2017

    Posted 08 Jun 2017 in reply to Nicola Link to this post

    Nikolay,

    Thank you for the code sample the issue with the background image was that I did not have double quotes around the image source. Change this:

    return `background-image: url(${contact.profileImageUrl});`;

    to 

    return `background-image: url("${contact.profileImageUrl}");`;

    fixed the issue.

Back to Top