Bu makalemizde AjaxControlToolkit  apisine ait ValidatorCalloutExtender kontrolünü inceleyeceğiz.

Ne İşe Yarar?

Standart  Asp.Net validation kontrollerini görsel hale getirmemizi sağlar.

Kontrol Özellikleri

Target Control Id: Standart validator kontrolüne ait Id bilgisi

CssClass:Uyarı anında görüntülenecek metne ait css sınıfı

Width:Uyarı mesajı genişliği

Animation: OnShow ve OnHide olmak üzere iki farklı animasyon ile görsellik sağlanması

Uygulama

<form id="form1" runat="server">

    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <asp:RequiredFieldValidator ID="RequiredFieldValidator1"

 runat="server" ErrorMessage="Lütfen Boş Bırakmayınız!"

ControlToValidate="TextBox1" Display="None"></asp:RequiredFieldValidator>

        <cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender1"

runat="server"  TargetControlID="RequiredFieldValidator1">

       <Animations>

            <OnShow>

                  <Sequence>    

                     <OpacityAction Opacity="0"></OpacityAction>

                        <HideAction visible="true"></HideAction>

                        <Parallel Duration=".3">

                             <fadeIn/>    

                           </Parallel>

                   </Sequence>               

            </OnShow>

            <OnHide>

                  <Parallel Duration=".3">

                        <fadeOut/>

                         </Parallel>

            </OnHide>

       </Animations>

        </cc1:ValidatorCalloutExtender>

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

        <asp:Button ID="Button1" runat="server" Text="Button" />

    </div>

    </form>

Görüldüğü üzere son derece basit ve görsellik açısından gayet kullanışlı olan bir kontrol.

Özellikle standart validation kontrollerinden sıkıldım diyosanız sizin için ideal bir uygulama olacaktır….

Uygulama Görüntüsü  

Diğer makaleler ile görüşmek üzere...Saygılarımla...

Yusuf KARAKAŞ