Hi,
Floating Action Button Not Display V4
> <div data-name="personList" class="page">
> <div class="navbar no-hairline no-shadow" style="background-image: linear-gradient(#023662,#07b3e4);box-shadow: none">
> <div class="navbar-inner">
> <div class="left"><a href="pages/dashboard.html" class="back link icon-only w3-text-white"><i class="icon icon-back"></i></a></div>
> <div class="title"><span style="font-family:Chococooky" class="w3-text-white">Beneficiary List</span></div>
> <div class="right"><a href="#" class="link panel-open icon-only w3-text-white"><i class="f7-icons">bars</i></a></div>
>
> <div class="subnavbar no-hairline no-shadow" style="background-color:#07b3e4;box-shadow:none">
> <form data-search-container=".virtual-list" data-search-item="li" data-search-in=".item-title" class="searchbar searchbar-init">
> <div class="searchbar-inner">
> <div class="searchbar-input-wrap">
> <input type="search" placeholder="Search"/>
> <i class="searchbar-icon"></i>
> <span class="input-clear-button"></span>
> </div>
> <span class="searchbar-disable-button if-not-aurora">Cancel</span>
> </div>
> </form>
> </div>
>
> </div>
> </div>
>
> <div class="fab fab-right-bottom color-green"></div>
>
>
>
> <div class="searchbar-backdrop"></div>
>
> <div class="page-content ptr-content hide-navbar-on-scroll" data-ptr-distance="55" data-ptr-mousewheel="true">
>
> <!-- Default pull to refresh preloader-->
> <div class="ptr-preloader">
> <div class="preloader"></div>
> <div class="ptr-arrow"></div>
> </div>
>
> <div class="list simple-list searchbar-not-found">
> <ul>
> <li>Nothing found</li>
> </ul>
> </div>
>
> <div id="bVList" class="list virtual-list media-list searchbar-found" style="margin-top:0px">
>
>
> </div>
>
>
>
> </div>
>
> </div>