Using Ajax Slider Extender with CSS in asp.net

HI..

In this article its very interested to use an Ajax slider extender. Recently I worked with slider extender in my project...It’s very easy to use slider extender control. But when applying Css I really fed up..i goggled in many ways ..But I can’t find a correct solution..Finally one of my replied to my forum …Just I would like to share the code with you all………

Slider Extender Properties..

·         Minimum - Minimum value allowed.

·         Maximum - Maximum value allowed.

·         Decimals - Number of decimal digits for the value.

·         Steps - Number of discrete values inside the slider's range.

·         Value - Current value of the slider

·         EnableHandleAnimation - Enable/disable the handle animation.

·         HandleAnimationDuration - Duration of the handle animation, in milliseconds.

·         RailCssClass - CSS class for the slider's rail.

·         HandleCssClass - CSS class for the slider's handle.

·         HandleImageURL - URL of the image to display as the slider's handle.

·         Length - Width/height of a horizontal/vertical slider when the default layout is used.

·         BoundControlID - ID of the TextBox or Label that dynamically displays the slider's value.

·         RaiseChangeOnlyOnMouseUp - If true, fires the change event on the extended TextBox only when the left mouse button is released.

·         TooltipText - Text to display in a tooltip when the handle is hovered. The {0} placeholder in the text is replaced with the current value of the slider.

Initially we started the code with CSS…..

You can use the two type of CSS

1.For Slider Handle

2.Another one for slider rail

For this you have to use image for handle and rail slider..In Below I post the picture copy and paste in your images folder…

<style type ="text/css" >

       

       

.myclass {position:relative;

           padding-top :7px;

          width:20px;

          height:20px;

          }

         

         

.slider_rail {

    position: relative;

    height: 8px;

    width: 200px;

    background: #FFFFFF url('images/r.gif') repeat-x;

}

</style>

<div>

              

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

                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />

                <asp:SliderExtender ID="SliderExtender1" runat="server" TargetControlID ="textbox1" RailCssClass="slider_rail" BoundControlID ="textbox2"  Minimum="0" Maximum ="100" RaiseChangeOnlyOnMouseUp="true"   HandleCssClass ="myclass"   HandleImageUrl="~/images/han.jpg"/>

</div>

I hope this one helpful to all……

Rounded corner Textbox in asp.net

HI..Friends..Now I am going to share to create a round corner textbox in asp.net..Suppose if you want to design your site with more attraction then you can create this type of style using css..

Its very simple to apply css for textbox..

Write the below code css for text box..

<style type=”text/css”>

</style>

.txtbox

{

     

     border-top-left-radius: 20px;

border-top-right-radius: 20px;

border-bottom-left-radius: 20px;

border-bottom-right-radius: 20px;

}

</style>

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

Then your textbox looks like below………

I hope this one helpful to some one..

Share your thought here…..

Nominate Yourself as Microsoft Most valuable Professional

HI..

If you want to become an Microsoft Most valuable Professional then nominate yourself as professional..

If you have an below talent  then nominate yourself..

1) Contribute your knowledge to the Community

2) Write Articles on your Expertise 
3) Answer Questions on the Forums 
3) Post Contents of Quality to educate others. 
5) Never Promote Piracy or Downloads of e-books or Software 
6) Always contribute Quality Content 

7)Help others by solving their problems by posting answers in forum.

Go to  the below links..

http://www.microsoft.com/india/mvp/

In this link  you can get a document and fill up this one and post it…might be you get lucky to became an

Microsoft Most valuable Professional.

If you have an any doubts visit the below link…

http://mvp.support.microsoft.com/gp/mvpfaqs

Apply Gradient color using CSS

HI..In this article I would like to share about apply gradient color using css.I hope this one really interested to use gradient color…So many of them like to make the website with more colorful..

But you can achieve that using css3..

Already I have written about related to CSS article..for your reference I give link below……..

http://vbdotnetaddict.blogspot.com/2011/08/fix-border-radius-css3-and-box-shadow.html

Normally gradient color apply  to div or table..so you can use the css for table or div…

Copy and paste the below code in your page then apply css to your table..

.css-grd {

/* default background colour, for all layout engines that don't implement gradients */

background: #E7EDD1;

/* gecko based browsers */

background: -moz-linear-gradient(top, #E7EDD1, #FDFDFD);

/* webkit based browsers */

background: -webkit-gradient(linear, left top, left bottom, from(#E7EDD1), to(#FDFDFD));

color: #000000; /* text colour (black) */

height: auto; /* gradient uses the full height of the element */

padding: 5px; /* distance from border edge to text */

}

But an unfortunately gradient css works only on Mozila and chrome and latest version ie9 it will not support ie7 or ie 8

ASP.NET Validator control using in Modalpopup extender

Hi ..

Recently I worked with modalpopup extender..in my grid view when an edit button popup window has shown.intially everything was working fine.Then I added an validator control for validating data in modal popup extender…But surprisingly…when I click button it will not post back..Simply its stable..no popup window open….

                                Then I tried in many way also I googled also about this topic…but I didn’t find anything…

Suddenly I got an thought why don’t we try with validation group in validator..Then its really worked….

Solution for the problem:

                                Use validation group when using validator in modal popup extender..

I hope this one  will helpful to someone……….