I stand corrected. CodePen doesn't require login... here's the same example there: http://codepen.io/anon/full/wxJqz The UI is a little different and CodePen, but it seems that they've taken jsbin and added a some more features. I like the longer list of JS libraries in jsbin, but you can plug them in at CodePen if you need to. -Shaun On 11/29/12 7:33 PM, Eric Phetteplace wrote: > Is the data-mini attribute really not getting set? Or is it being set but > the jQuery Mobile framework isn't applying its mini style? Inspect the > input elements with your dev tools to see if data-mini is set. > > Without seeing your code, my guess is that it runs after the mobile-init > event where jQuery Mobile does all its magic, including taking all those > data attributes and using them to apply classes and inject markup. You > could either make sure your code fires before mobile-init (e.g. not > wrapping it in a $(document).ready() call would likely do the trick) or > directly applying the appropriate class, which is "ui-mini" I think. > > Best, > Eric Phetteplace > Emerging Technology Librarian > Chesapeake College > > > On Thu, Nov 29, 2012 at 6:58 PM, Mark Pernotto <[log in to unmask]>wrote: > >> This looks more syntactical than anything else. >> >> Try: >> >> $('input').textinput({mini:true}); >> >> This hasn't been tested. >> >> Thanks, >> Mark >> >> >> On Thu, Nov 29, 2012 at 3:40 PM, Gavin Spomer <[log in to unmask]> wrote: >>> Hello, >>> >>> I'm almost done developing my custom theme for when I migrate our >> Greenstone digital collections over to Omeka. I've built in a mobile >> interface for when a mobile device is detected and have been having a lot >> of fun implementing that with jQuery Mobile. >>> >>> I prefer to make most stuff "mini" ala the jQuery Mobile data-mini >> attribute. Works fine when I'm editing the actual html source, but the >> following won't work for some reason: >>> >>> $(document).ready(function() { >>> $('input').attr('data-mini', 'true'); >>> }); >>> >>> I can set other attributes successfully like: (just as a test) >>> >>> $(document).ready(function() { >>> $('input').attr('data-mini', 'true'); >>> $('input').attr('style', 'background:yellow'); >>> }); >>> >>> But for some reason it won't do the data-mini attribute... why? >>> Gavin Spomer >>> Systems Programmer >>> Brooks Library >>> Central Washington University >> -- Shaun D. Ellis Digital Library Interface Developer Firestone Library, Princeton University voice: 609.258.1698 | [log in to unmask]