FilteredTextBoxExtender
1. Drag Atlas>ScriptManager put at top
2. AtlasControlToolkit > FilteredTextBoxExtender >Inside
formview
3. <cc2:FilteredTextBoxExtender ID="FilteredTextBoxExtender1"
runat="server">
<cc2:FilteredTextBoxProperties TargetControlID="TextBox1"
FilterType=LowercaseLetters />
<cc2:FilteredTextBoxProperties TargetControlID="TextBox2"
FilterType=LowercaseLetters />
<cc2:FilteredTextBoxProperties TargetControlID="cardnumberTextBox"
FilterType="Custom,Numbers" ValidChars="+-*="/>
</cc2:FilteredTextBoxExtender>
Back
|
ConfirmButtonExtender
1. ScriptManager>Enable PartialRendering
2. Updatepanel> Drag updatible component into it.
3. Button properties> confirmbuttonextender>properties>ConfirmText="
"
pls: <head runat="server" >
Back |
UpdatePanel
1. ScriptManager>Enable PartialRendering
2. Drag UpdatePanel> Properties> Triggers>Collection
3. New Trigger>Trigger when a control raise event> control=button
& Event=Click
4. Place all updatable component into updatepanel
Extenstion Update Panel
( DDL >
GridView > DetailsView)
1. Place Detailview inside UpdatePanel2
2 Place source code inside <cc1:UpdatePanel>
<cc1:UpdatePanel>
<ContentTemplate> </ContentTemplate>
<Triggers>
<cc1:CONTROLEVENTTRIGGER
ontrolID="UpdatePanel1$GridView1"EventName="SelectedIndexChanged"
/>
</Triggers>
</cc1:UpdatePanel>
|
|
Calendar Extender Control
A. Calendar Image Control
- Drag Image control > Name imgBirthDate > ImageUrl (calendar.gif)
- Drag Calendar Extender Control
> TargetControlID (txtBirthDate)
> PoppuButtonID = imgBirthDate > Format
MM/dd/yyyy
- PopupPosition (TopLeft)
B.Calendar Control
- Drag CalendarExtender Control > TargetControlID (txtBirthDate)
Back
RoundShape Drop shadow
1. Drag Atlas>ScriptManager &
Panel > colorize panel
2. AtlasControlToolkit > DropShadowExtender
3. <cc2:DropShadowExtender ID="DropShadowExtender1"
runat="server">
<cc2:DropShadowProperties TargetControlID="Panel1"
Rounded="true"
Opacity="1" TrackPosition=true />
</cc2:DropShadowExtender>
|
Round Corner
1. Drag Panel > Drag RoundedCornerExtender
> Fill up its properties.
eg
<cc2:RoundedCornersExtender ID="RoundedCornersExtender1"
runat="server">
<cc2:RoundedCornersProperties Color="blue"
Radius="5"
TargetControlID="Panel2" />
</cc2:RoundedCorners
Back
|
Fade out Update Panel upon PostBack ( UpdatePanelAnimationExtender)
1. Place following codes and specify updatepanel ID
<cc1:UpdatePanelAnimationExtender ID="upae"
TargetControlID="upContent"
runat="server">
<Animations>
<OnUpdating>
<FadeOut Duration="2.5" Fps="20" MinimumOpacity=".1"></FadeOut>
</OnUpdating>
<OnUpdated>
<FadeIn Duration=".7" Fps="20" MinimumOpacity=".7"></FadeIn>
</OnUpdated>
</Animations>
</cc1:UpdatePanelAnimationExtender>
Back |
Update Progress Bar
1. Create images folder > http://www.ajaxload.info > Create progressbar ( progress_bar.GIF)
2. <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="750" DynamicLayout="true">
<ProgressTemplate>
<div>
<table style="position: absolute; left: 400px; top: 270px; vertical-align: middle;
background-color: white; width: 275; height: 100; border-bottom-style: solid; border-bottom-width: 10px;
border-bottom-color: ThreeDDarkShadow; border-right-style: solid; border-right-width: 10px;
border-right-color: ThreeDDarkShadow;">
<tr>
<td>
<asp:Label runat="server" ID="lblPleaseWait" Text="Please Wait..." ForeColor="#153B63"
Font-Size="Medium" Font-Bold="true" align="top" />
<img alt="ProgressBar" id="imgProgress" src="../images/progress_bar.GIF" align="top" />
</td>
</tr>
</table>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
Back |
Enter Key Hit
Filename.aspx.cs
----------------------
Form.Attributes.Add("OnKeyPress", "fnTrapEnterKey();");
Filename.aspx
-------------------
<script language="javascript" type="text/javascript">
function fnTrapEnterKey()
{
//look for the ascii code of the "enter" key and ignore.
if (event.keyCode == 13)
event.returnValue=false;
else
event.returnValue=true;
}
</script>
Back |
