Code Junkie

I ran across another issue when trying to filter a list using jQuery Mobile's Filtered List (http://jquerymobile.com/demos/1.0/docs/lists/lists-search.html) The functionality itself is really nice, jQuery framework does all the heavy lifting for you. All you need to do is create a <UL> or <OL> and add the attributes data-role="listview" data-filter="true" to the tag and your off. The problem I encountered, I wanted to programmatically execute the filter. On my page I had a number of re-populated search terms that I wanted to provide the users. Clicking on the button would pop the search string into the search input box. The problem was, adding the search string to the box wasn't enough. It required some event to trigger in order to filter the list down. After digging around and trial and error I found that a simple keyup event in the search box worked.

I am starting to get my feet wet with jQuery Mobile and find the lack of documentation frustrating. I will be patient as I know that this is a new framework. But to help anyone running up against my frustration I will start posting issues and solutions that I have come accross.

Anyone who has tried to brand and customize SharePoint know what kind of madness and headaches that go along with it. Just when you think that your masterpage looks good you click into a deep dark subpage that makes your layout look hideous. Although things were made easier in 2010, for some reason I could never get the modal dialog pages look quite right. I finally determined that I wanted to just have those look OTB. I still wanted the system pages to have the branding, i just wanted to remove my branding from the dialogs. so with a little jaavscript/jquery calls, viola. First off you need to have set your branded system master page up with the proper class="s4-notdlg". This will allow sharepoint to hide headers, footers, quicklaunch, etc. But this doesn't remove the margins, paddings, and special layouts that may throw off the dialog layout. Mine, for instance, looked like this...

jQuery to the rescue, again, to make my javascript coding life easy. What I needed was a simple text rotator. I went looking for some good examples of jQuery rotators and found a ton of great examples. Who knew it would be this easy?

While in process of using the jQuery UI Slider in creating an alpha slider for a rolodex interface I came across some desired UI enhancements. Instead of having a slider that was plain i want to add the current value of the slider to interface. A quick simple line to the slider function gave me my desired appearance.

C:\Program Files\Microsoft Visual Studio 8\SDK\v2.0\Bin>xsd c:\myXML.xsd /out:c:\ /classes /language:CS

Not to poach a blog post/article you need to go to www.mikesdotnetting.com and read his great article on Cascading DropDownLists with jQuery and ASP.NET.

First off, I hate really dislike IE, although IE 8 is better. Secondly there are ways to overcome the hate dislike. Here is a nice explanation of fixing the img scaling issue in IE.