Print

---

Ha ha. You were just eager to help, I know how that is. 

My solution is just to use: 

   $(document).ready(function() { 
      $('input').addClass('ui-mini'); 
   }); 

Thanks everyone for helpful tips and info. 

- Gavin

>>> Mark Pernotto <[log in to unmask]> 11/30/2012 9:44 AM >>>
Gavin/Group:

Sorry about that.  That will teach me to to respond to a syntax
question before testing.

jsfiddle.net is a great resource!

And I'd love to see what you end up with!

Thanks,
mark



On Fri, Nov 30, 2012 at 9:38 AM, Gavin Spomer <[log in to unmask]> wrote:
> Thanks for the tool suggestions! I also found one recently:
>
>    http://jsfiddle.net/
>
> - Gavin
>
>>>> Shaun Ellis <[log in to unmask]> 11/30/2012 7:10 AM >>>
> 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]