I recently spent almost 30 minutes trying to figure out why my pagination using Twitter bootstrap and CakePHP would get broken into two line whenever the pagination list was a child of a div having a span[n] class.
After I changed this code to the listing below, it came back to normal. I hope this helps someone out there.
echo ($this->Paginator->current() > 3) ? $this->Paginator->first('first ', array('tag' => 'li')) : '';
echo ($this->Paginator->hasPrev()) ? $this->Paginator->prev(__('prev ', true), array('tag' => 'li', 'id' => 'prev' . rand(2, 9000)), null, array('escape' => false)) : '';
echo $this->Paginator->numbers(array('modulus' => 7, 'separator' => ' ', 'tag' => 'li'));
echo ($this->Paginator->hasNext()) ? $this->Paginator->next(__(' next', true), array('tag' => 'li'), null, array('escape' => false)) : '';
echo ((int) $this->Paginator->counter(array('format' => '%pages%')) > 10) ? $this->Paginator->last('last', array('tag' => 'li')) : '';
So after my memory and performance woes with Jquery mobile on BB5 phones, I humbly decided to find a lightweight alternative CSS framework.
Recently, I stumbled on iUI which was built for the iOS devices. Eager to test it out on the BB5 device, I loaded one of the sample pages on my device and then I realised it wasn’t even loading.
Back to Google, I found this thread about how to support BB5 using iUI. If there was a similar thread for Jquery Mobile I just might never have realised there was iUI.
We do support Blackberry OS6, 7 & Playbook (aka coming BB X), since they have a webkit based browser. Since OS6 doesn’ have hardware acceleration, it is a bit slow to perform transitions btw…
We might have to clarify that.
if you want to support OS5, you have to:
– replace the querySelector part
– forget about all css3 definitions / styles
– use JS transitions (aka slide1, you’ll understand when you’ll get to this point)
– test on the device
– submit your working solution to a clone on Git so we can integrate that to iUI 🙂
i honnestly wish you good luck! if you have some JS skills, then it might not be too long/complicated. if not, contact any JS freelancer, shouldn’t be more than 2 days’ job.
in Google Groups.
I was in the middle of a project where I needed to implement modal windows.
After playing around with colorbox, I suddenly realised that the CSS framework (Twitter Bootstrap) which I was using at that time, had options to display modal windows.
So after a quick lookup on the documentation, and then trying out a few demonstrations, I decided it was time to replace colorbox with the Bootstrap modal windows.
After hours of tweaking here and there, I ended up almost completely exhausted from trying to figure out why the modal window size just wouldn’t change and remain in the center. The SPAN tags sizes were suddenly behaving as though they weren’t based on the framework.
After trying all the things I thought were logical solution and failing over and over, I decided to finally consult the G-oracle.
You can find the complete load down on GitHub with sample code included./issues/675