Installation (adding awesome controls to your project)

  1. Add reference to Omu.AwesomeWebForms.dll
  2. Add script and style reference in your Master Page (or Page) to AwesomeWebForms.css, AwesomeWebForms.js, jQuery, jQueryUI(js and css)
    example:
                 
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" rel="stylesheet" />
        <link href="<%=ResolveUrl("~/Content/AwesomeWebForms.css") %>" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
        <script type="text/javascript" src="<%=ResolveUrl("~/Scripts/AwesomeWebForms.js") %>"></script>   
    
    put first the css files, after jquery.js, than jqueryui.js, and last AwesomeWebForms.js.
  3. in some old browser that don't support JSON you might get "JSON is not defined" js error, for this not to happen you need to add JSON2.js (add it before all other scripts):
        <script type="text/javascript" src="<%=ResolveUrl("~/Scripts/json2.min.js") %>"></script>
            
    you can find on google or from our samples, atm it's here: https://raw.github.com/douglascrockford/JSON-js/master/json2.js

Now you can add a new tagPrefix for the Omu.AwesomeWebForms namespace in your web.config:

  <system.web>    
    <pages>
      <controls>
        <add tagPrefix="o" namespace="Omu.AwesomeWebForms" assembly="Omu.AwesomeWebForms" />
        ...
      </controls>
    </pages>
  </system.web>
  

After you can start using them, example:

    <o:AjaxDropdown runat="server" ID="Fruitys" Url="~/svc/aja.svc/CategoriesDropdown"></o:AjaxDropdown>
    <o:Lookup runat="server" ID="Fruit" GetUrl="~/svc/aja.svc/FruitGet" SearchUrl='~/svc/aja.svc/FruitSearch'  Value="1" />
    ...
    

Dragging from toolbox or registering the tag per page

You can use the controls by dragging them from your toolbox (see below how to add them to the toolbox)
or by writing the line that registers the awesome tag manually like this:

        <%@ Register TagPrefix="o" Namespace="Omu.AwesomeWebForms" Assembly="Omu.AwesomeWebForms, Version=1.0.3.0, Culture=neutral, PublicKeyToken=e8b65a0968999f7e" %>
        

or like this(version, culture and PublicKeyToken are not required):

        <%@ Register TagPrefix="o" Namespace="Omu.AwesomeWebForms" Assembly="Omu.AwesomeWebForms" %>
        

How to add awesome controls to the toolbox

  1. Right-click the toolbox
  2. Click "Choose Items..."
  3. On ".NET Framework Components" tab click Browse
  4. find and pick Omu.AwesomeWebForms.dll
  5. click OK