Onskee.com :: User Controls

This is a convenient list of user controls I use almost daily.
Some require the ASP.Net AJAX 1.0 extensions.

ucAlertIcon.ascx
ucAlertIcon.ascx.vb

This control gives you an icon that allows you to display a tooltip and/or a javascript alert box when clicked.

<uc:InfoIcon ID="InfoIcon1" runat="server"
   EnableAlertBox="true"
   Text="Popup Window"
   EnableToolTip="true"
   Icon="Info" />

ucAjaxCalendar.ascx
ucAjaxCalendar.ascx.vb

This TextBox/CalendarExtender control ties the two together in a single control with the addition of validators and date formatting.

<uc:Calendar ID="Calendar1" runat="server"
RequiredErrorMessage="Date Required"
RangeErrorMessage="Invalid Date" />

ucAjaxModal.ascx
ucAjaxModal.ascx.vb

This ModalPopupExtender control is intended as a confirmation box. There are 2 types of buttons available: Yes/No and Ok/Cancel. Both require a choice to cancel the modal, while the other accepts it and fires the ModalAcceptClick event. The header and text fields are set by properties and the popup will be triggered by the Button or LinkButton set in the ModalTrigger property.

<asp:Button ID="btnMod" runat="server" Text="DoModal"
   CausesValidation="false" />
<uc:ModalPopup ID="ModalPopup2" runat="server"
   ButtonStyle="YesNo"
   CancelButton="No"
   Header="Modal Title"
   Text="Modal Text"
   ModalTrigger="btnMod" />

ucAjaxNumeric.ascx
ucAjaxNumeric.ascx.vb

Like the Calendar control above, this brings together a TextBox and a FilteredTextBoxExtender and includes validators. It also allows you to select the number format allowed in the TextBox.

<uc:Numeric ID="Numeric1" runat="server"
   NumberFormat="Integer"
   RequiredErrorMessage="Number Required"
   RangeErrorMessage="Invalid Number"
   RenderMode="Inline" />

ucTimePicker.ascx
ucTimePicker.ascx.vb

The TimePicker control gives DropDownLists of hours and minutes with AM/PM. The Text property returns a consistent format of the selected time {HH:MM TT} and can also be set to a specified time when the form loads.

<uc:TimePicker ID="TimePicker1" runat="server"
   DefaultToNow="true"
   UseMilitaryTime="true"
   AutoPostBack="true" />

ucFileList.ascx
ucFileList.ascx.vb

The FileList control simply displays the files in the specified folder. For known file types, (those with images named the same as the extension), the icon will be displayed by the file. Because this is a DataList, the number of columns displayed can also be changed.

Unable to retrieve the list of files.
The directory /Files/Samples does not exist on the server. <uc:FileList ID="FileList1" runat="server"
   FilePath="/Files/Samples"
   FormatLinks="true"
   LinkPath="/Files/Samples"
   RepeatColumns="2"
   Target="Blank"
   ShowIcons="true" />

ucAjaxSlides.ascx
ucAjaxSlides.ascx.vb

The RandomSlide control will display random images from the path you provide. Clicking on an image will display the full-sized image in a ModalPopup. The thumbnails are resized using an .ASHX image handler so download times and bandwidth are reduced.

Random Images

<uc:RandomSlides ID="rnd" runat="server"
   ImageCount="4"
   ImagePath="/images/Samples"
   RepeatColumns="2"
   RepeatDirection="Horizontal"
   UseImageHandler="true"
   UseRandomImages="true"
   HeaderText="Random Images" />

ucTextArea.ascx
ucTextArea.ascx.vb

This TextBox control gives back the missing functionality of the MaxLength property of the TextBox control when in MultiLine mode. It also displays an optional label displaying the characters remaining. The length is controlled by javascript.

This TextBox control gives back the missing functionality of the MaxLength property of the TextBox control when in MultiLine mode. It also displays an optional label displaying the characters remaining. The length is controlled by javascript.

500 characters remaining
<uc:TextArea ID="txtArea" runat="server"
   Columns="50"
   Rows="4"
   CssClass="input"
   MaxLength="500"
   UseUpdateCounter="true" />