Şub042009

MaskedEditExtender kontrolü

Yusuf Karakaş tarafindan 21:49 tarihinde Asp.Net Ajax kategorisine eklenmistir.

Bu makalemizde AjaxControlToolkit apisine ait MaskedEditExtender kontrolünü ele alacağız.

Ne işe Yarar?

Özellikle Windows uygulamalarında bulunan text kutularına  kriter getirme işlemi, web için oldukça zahmetli bir haldeydi.

MaskEdit için ise web için bu açığı doldurdu diyebiliriz.Seçtiğimiz herhangi bir metin kutusuna istediğimiz kritere göre ,işlem yapmasını sağlıyabiliyoruz.

Genel Mask Ayarları

Mask Karakteri                      Anlamı

9                                              Yerine tek bir rakam gelebilir

L                                               Yerine tek bir harf gelebilir

$                                               Yerine tek bir harf veya boşluk gelebilir.

?                                               Yerine herhangi bir karakter gelebilir.

/                                                Tarih ayracı belirlenir.

:                                                 Saat ayracı belirlenir.

.                                                 Ondalık ayracı belirlenir.

,                                                 Binlik ayracı belirlenir

 

Genel Mask Kontrol Özellikleri

TargetControlId: Mask kontrolüne atanacak metin kutusu Id bilgisi

AutoComplete:Eksik bırakılmış yerlerin doldurulması için kullanılır

Century: Tarih gibi iki basamaklı (09) değerleri,4 basamaklı (2009) değerlere çevirir.

ClipboardText: Metin kutusuna yapıştırma işlemi gerçekleştiğinde kullanıcıya gösterilmesi gerekn uyarı mesajı verir.

DisplayMoney:Mask halindeki para biriminin nasıl konumlancağı ayarlanır.

InputDirection:Metin giriş yönünü belirler.

MaskType: Metin kutusunun hangi kriterlere göre masklanacağı belirlenir.

MessageValidatorTip: Metin kutusu içine girilirken gösterilecek metin belirlenir

OnFocusCssClass:Hedef metin kutusuna metin girişi yapıldığında css snıfı belirlenmesi sağlanır.

 

Uygulama

<body>

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

    <div>

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

        </asp:ScriptManager>

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

        <cc1:MaskedEditExtender ID="MaskedEditExtender1"

         TargetControlID="TextBox1" Mask="99/99/9999"

         MaskType="Date" AutoComplete="true"

           UserDateFormat="DayMonthYear"

          runat="server">

        </cc1:MaskedEditExtender>            </div>

    </form>

</body>

Uygulama Görüntüsü


 

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

Yusuf KARAKAŞ



[KickIt] [Dzone] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Etiketler: , ,

E-Posta | Permalink | Geri izlemeler | Yazi RSSRSS comment feed 0 Yorum

Şub042009

PasswordStrength Kontrolü

Yusuf Karakaş tarafindan 07:59 tarihinde Asp.Net Ajax kategorisine eklenmistir.

Bu makalemizde AjaxControlToolkit  apisine ait PasswordStrength komutunu inceleyeceğiz.

Ne işe Yarar?

Özellikle çoğu kullanıcının dikkat etmediği  şifre güvenliği konusunda , bilgilendirmek amaçlı kullanılır.

Günümüzdeki şifreler ya çok basit yada çok kısa olabiliyor.Bunun da bir güvenlik açığı olacağından dolayı

şifre güvenlik bilgisinin kullanıcıya gösterilmesi  bakımından oldukça kullanışlı bir kontroldür.

Genel Kontrol Özellikleri

Target Control Id: Kontrolümüze bağlı TextBox Id bilgisini içerir.

DisplayPosition:Şifre gücü görüntüsünün yerine belirlemek için kullanılır.

PreferredPasswordLength:Tercih edilen şifre uzunluğu

PrefixText:Şifre görüntüsünün ön adı.

TextCssClass:Şifre Görüntüsüne ait atanacak Css sınıfı

MinimumNumericCharacters: En az kaç tane sayısal karakter girilmesi belirlenir

MinimumSymbolCharacters:En az kaçtane symbol karakter girilmesi belirlenir.

MinimumLoverCaseCharacters: En az kaç tane küçük harf girilmesi belirlenir

MinimumUpperCaseCharacters:En az kaçtane büyük harf girilmesi belirlenir.

StrenghtStyles:Şifrenin güvenlik düzeyine göre uygulanabilen Css sınıfı

TextStrengthDescriptions :Şifre mesaj uyarı basamaklarını içerir.En düşük seviyeden en yüksek seviyeye doğru ayarlanmalıdır.

Uygulama

<head runat="server">

    <title>PasswordStrength</title>

    <style>

      .sifre

          {

           background-color:Aqua;

           text-align:center;

           color:Gray;

           }         </style>
</head>

<body>

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

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

        <cc1:PasswordStrength ID="PasswordStrength1" runat="server"

          TextStrengthDescriptions="kötü;iyi;çok iyi;süper"

           DisplayPosition="RightSide"

            TextCssClass="sifre"

          PrefixText="Şifrenizin Gücü:"

         TargetControlID="Textbox1">

        </cc1:PasswordStrength>

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

    </div>

    </form>
</body> 

Uygulama Görüntüsü 



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

Yusuf KARAKAŞ 



[KickIt] [Dzone] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Etiketler: , ,

E-Posta | Permalink | Geri izlemeler | Yazi RSSRSS comment feed 0 Yorum

Şub032009

ValidatorCalloutExtender Kontrolü

Yusuf Karakaş tarafindan 11:31 tarihinde Asp.Net Ajax kategorisine eklenmistir.

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Ş



[KickIt] [Dzone] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Etiketler: , ,

E-Posta | Permalink | Geri izlemeler | Yazi RSSRSS comment feed 0 Yorum

Şub032009

ConfirmButtonExtender Kontrolü

Yusuf Karakaş tarafindan 11:30 tarihinde Asp.Net Ajax kategorisine eklenmistir.

 Bu makalemizde Ajax control toolkit kontrollerinden olan ConfirmButtonExtender kontrolünü inceleyeceğiz.

Ne İşe Yarar?

Genel Çalışma Prensibi; Halihazırdaki işlemin isteğe göre onaylanması veya iptal edilmesidir.

Kontrolün temel amacı; Özellikle risk düzeyi yüksek olan onayların kontrolünde  kullanılır.

Örneğin silme işlemlerinde kullanıcıdan onay alınması bakımından  gayet kullanışlıdır.

Kontrol Özellikleri

TargetControlId: ConfirmButtonExtender ‘ın etkin olmasını sağlayacak Buton veya link bilgisi

ConfirmText: Kullanıcıya gösterilecek uyarı mesajı

OnClientCancel: İptal düğmesine basıldığında çalışacak JavaScrit kodunu belirler.

ConfirmOnFormSubmit:Sayfada ConfirmButtonExtender’a bağlı bir düğme validation kontrolü ilede kullanılacaksa bu özellik true olarak ayarlanmalıdır. Aksi takdirde false olur.

 

Uygulama

Şimdi en basitinden textbox içindeki değerin silinip silinmeyeceğini ConfirmButtonExtender kontrolü ile inceleyelim.

Default.aspx

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

    <div>

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

        </asp:ScriptManager>

        <cc1:ConfirmButtonExtender ID="ConfirmButtonExtender1" runat="server"

ConfirmText="TextBox içindeki değer Silinsin mi?" TargetControlID="Button1"> </cc1:ConfirmButtonExtender>

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

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

    </div>

    </form>

 

Default.aspx.vb

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click     

    TextBox1.Text = "" 

    End Sub

 

 Uygulama Görüntüsü

 

 

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

Yusuf KARAKAŞ



[KickIt] [Dzone] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Etiketler: , ,

E-Posta | Permalink | Geri izlemeler | Yazi RSSRSS comment feed 0 Yorum

Oca182009

List Search Extender Kullanımı

Yusuf Karakaş tarafindan 13:27 tarihinde Asp.Net Ajax kategorisine eklenmistir.

  Merhaba arkadaşlar bu ilk makalemde sizlere Ajax Toolkit 'den ListSearchExtender komutunu anlatmaya çalışacağım.

Amacı;

      Aslına bakıldığında ufak bir kontrol olarak düşünülsede, işlevsel bakımdan son derece kullanışlı bir kontroldür.Uzun listeler

içeren Dropdownlist ve ListBox gibi kontroller yapmak çoğu zaman kullanıcıya zor gelmiştir.İşte tam bu esnada

List Search Extender ile mouse kullanarak bu kontroller arasında gezinmek yerine, aramak istediğimiz anahtar

kelimeyi klavye ile harf harf girerek bulabiliyoruz.Bunun için kontrolümüzü Dropdownlist veya listbox la eşleştirmemiz yeterli olacaktır.

Kullanımı;

Kullanımı gayet basit olmasına karşı, dikkat edilmesi gereken birtakım parametreler var.Bunlardan ilki kontrolümüzü

bağlamak istediğimiz Dropdownlist veya ListBox kontrollerinin ID sini alacağımız targetcontrolid özelliği.

Diğeri ise PromtPosition özelliği ile yazımızın kontrolün üstünde veya altında olmasını ayarlayabiliriz.

Kontrol Özellikleri
TargetControlID      Dropdown ve ListBox id bilgisi

PromptText            Arama yapılacak kontrole ait metin girişi

PromptPosition       PromtText özelliğinin kontrolümüzün üst veya altında gösterilmesi için kullanılır.

QueryPattern         Arama kriterlerini belirtir.

Issorted                ListBox veya Combobox kontrollerinin alfabetik olup olmadığı bilgisini gösterir.Varsayılan değeri false dir.

QueryTimeOut        Aranan kriterlere ait bi veri bulanamadığında aramanın isteğe bağlı bir süre sonunda sıfırlanmasını sağlar.

Animations            OnShow ve OnHide olarak 2 farklı animasyon gösteriri.

PromptCssClass      PromptText özelliğine css sınıfı atar.

Örnek Uygulama Kodları
<cc1:ListSearchExtender ID="ListSearchExtender1" runat="server" IsSorted="true" TargetControlID="Dropdownlist1" PromptText="Aranacak ili seçiniz"

PromptPosition="Top" > </cc1:ListSearchExtender>

<asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="list" DataTextField="sehir" DataValueField="sehir"> </asp:DropDownList>

Örnek Uygulama Görüntüsü

Görüldüğü üzere oldukça basit ama bir o kadarda kullanışlı bir kontrol.Tek yapmanız gereken gerekli ayarlamaları yapıp,

isteğe bağlı birtakım özellikler eklemek olucak.



[KickIt] [Dzone] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Etiketler: ,

E-Posta | Permalink | Geri izlemeler | Yazi RSSRSS comment feed 0 Yorum