Telerik Forums
This is a migrated thread and some comments may be shown as answers.

scrollToIndex not working properly on iOS

6 Answers 179 Views
ListView
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Nicola
Top achievements
Rank 1
Nicola asked on 08 Jun 2017, 10:35 AM

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)

6 Answers, 1 is accepted

Sort by
0
Nicola
Top achievements
Rank 1
answered on 08 Jun 2017, 10:42 AM
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
0
Nicola
Top achievements
Rank 1
answered on 08 Jun 2017, 12:54 PM

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

<ListViewLinearLayout tkListViewLayout scrollDirection="Vertical" itemHeight="100"></ListViewLinearLayout>
0
Nikolay Tsonev
Telerik team
answered on 08 Jun 2017, 12:59 PM
Screencast-2017-06-08-at-3-43-13-PM.gif
Archive.zip
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.
0
Nicola
Top achievements
Rank 1
answered on 08 Jun 2017, 01:05 PM

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.

0
Nikolay Tsonev
Telerik team
answered on 08 Jun 2017, 01:19 PM
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.
0
Nicola
Top achievements
Rank 1
answered on 08 Jun 2017, 01:26 PM

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.

Tags
ListView
Asked by
Nicola
Top achievements
Rank 1
Answers by
Nicola
Top achievements
Rank 1
Nikolay Tsonev
Telerik team
Share this question
or