[Synopsis] Dynamic 20 count list. Need displayed 5 results per page. 4 pages total.
[Currently] Data comes back good. Initial Display count good. Summary info and page count good. [Problem] Scroll bars appear that show all 20 results. There should be no scroll bars. There should be only 5 initial results. More importantly, paging is not working. Scroll bars just remain at top of page. -Expected Results: Something like example #2. See, http://www.fairwaytech.com/flexbox/Demos.aspx [Code Snippets] [css] <link rel="stylesheet" type="text/css" media="screen" href="css/ jquery.flexbox.css"/> [xhtml] <div id="ffb"></div> [js] <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="js/jquery.flexbox.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function(){ jQuery('#ffb').flexbox('fb_data.php', { width: 450, paging: {pageSize: 5} }); }); //document.ready </script> [PHP 5.2: fb_data.php] <?php $results = array("total" => "20", "results" => array( array("id"=>"1","name"=>"Ant"), array("id"=>"2","name"=>"Bear"), array("id"=>"3","name"=>"Cat"), array("id"=>"4","name"=>"Dog"), array("id"=>"5","name"=>"Elephant"), array("id"=>"6","name"=>"Fox"), array("id"=>"7","name"=>"Guinea Pig"), array("id"=>"8","name"=>"Horse"), array("id"=>"9","name"=>"Iguana"), array("id"=>"10","name"=>"Jaguar"), array("id"=>"11","name"=>"Kangaroo"), array("id"=>"12","name"=>"Lion"), array("id"=>"13","name"=>"Monkey"), array("id"=>"14","name"=>"Nanook"), array("id"=>"15","name"=>"Orangoutan"), array("id"=>"16","name"=>"Pig"), array("id"=>"17","name"=>"Qgo"), array("id"=>"18","name"=>"Rabbit"), array("id"=>"19","name"=>"Snake"), array("id"=>"20","name"=>"Tapir") ) ); $results = json_encode($results); echo $results; /* End of file fb_data.php */ /* Location: ./ */ Please...Why is paging not working? Thanks in Advance, Magi