Category - CSS
29 Sep 2020 19 Apr 2021 0 Comments  12467 Views
Here Mudassar Ahmed Khan has explained with an example, how to use Static files (Images, CSS and JS files) in ASP.Net Core.

Static files such as Image files, CSS files and JavaScript JS files does not work in ASP.Net Core unless it is placed in proper location with the project and also some settings are set.
22 Nov 2019 22 Nov 2019 0 Comments  10509 Views
Here Mudassar Ahmed Khan has explained with an example, how to highlight Selected Row of WebGrid in ASP.Net MVC Razor.

The WebGrid Row will be attached with a jQuery Click event handler. When the WebGrid Row is clicked and selected, it will be highlighted by applying a CSS class in ASP.Net MVC Razor.
24 Jan 2018 24 Jan 2018 0 Comments  9445 Views
Here Mudassar Ahmed Khan has explained with an example, how to highlight row of WebGrid on MouseOver (Mouse Hover) using CSS in ASP.Net MVC Razor.
28 Jul 2017 28 Jul 2017 0 Comments  24473 Views
Here Mudassar Ahmed Khan has explained with an example, how to hide (remove) Placeholder in HTML5 TextBox on focus using CSS, JavaScript and jQuery.

The HTML5 Placeholder attribute does hide (gets removed) on focus in Internet Explorer (IE) by default but it does not hide (gets removed) on focus in FireFox and Chrome and hence this article will explain how to hide (remove) Placeholder in HTML5 TextBox using CSS, JavaScript and jQuery.
08 Dec 2016 14 Sep 2022 0 Comments  34986 Views
Here Mudassar Khan has explained with an example, how to add (apply) CSS Class (Styles) in Html.ValidationMessageFor Helper method in ASP.Net MVC Razor.

The Html.ValidationMessageFor Helper method has a parameter named htmlAttributes which is used for adding (applying) CSS Class (Styles) to the displayed validation message.
21 Aug 2013 21 Aug 2013 1 Comments  85387 Views
Here Mudassar Ahmed Khan has explained, how to change TextBox Background color on Focus CSS and without any JavaScript or jQuery i.e. Highlight TextBox on focus using CSS and without any JavaScript or jQuery and set it back to default on blur
18 Aug 2013 18 Aug 2013 4 Comments  35785 Views
ASP.Net  CSS  HTML
Here Mudassar Ahmed Khan has explained, how to change the background color style of TextBox on focus i.e. Highlight TextBox on focus and set it back to default on blur

There is absolutely no need of using jQuery, JavaScript or ASP.Net scripts for this purpose as the solution provided explains how to use pure CSS styles to change the background color style of TextBox on focus.

Since CSS is involved we can easily Highlight TextBox by change its Border style or color too instead of changing the Background color style.

Advantage of using CSS is that it will work for all technologies i.e. ASP.Net, HTML, PHP, JSP, etc. without writing a single line of jQuery or JavaScript and also is cross browser compatible.
31 Jul 2013 31 Jul 2013 1 Comments  100564 Views
Here Mudassar Ahmed Khan has explained, how to implement TextBox with Search Icon in ASP.Net as well as pure HTML.

The idea is to place a background image for the TextBox using CSS and then the CSS class can be applied to ASP.Net as well as HTML INPUT TextBoxes.
30 May 2013 30 May 2013 0 Comments  57407 Views
jQuery  CSS
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to display semi-transparent text over image on hover or in other words on mouse over by reducing the opacity using CSS and jQuery.
25 May 2013 25 May 2013 1 Comments  21589 Views
jQuery  CSS
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to display semi-transparent text over image on hover or in other words on mouse over by reducing the opacity using CSS and jQuery.
17 May 2013 17 May 2013 1 Comments  74068 Views
Here Mudassar Ahmed Khan has explained with an example, how to disable resize i.e. prevent resizing of the ASP.Net Multiline TextBox due to the resize grip in the bottom right corner using CSS3.
This works in all newer browsers such as Internet Explorer IE, Mozilla FireFox and Google Chrome
20 Apr 2013 17 Jun 2019 6 Comments  121078 Views
ASP.Net  GridView  CSS  HTML  HTML5  Div
Here Mudassar Ahmed Khan has explained with an example, how to create GridView with Rounded Corners using CSS in ASP.Net.

This article will illustrate how to make the GridView’s Corners rounded using an HTML DIV and the CSS3’s Rounded Corner CSS in ASP.Net.
22 Oct 2012 22 Oct 2012 1 Comments  27944 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to disable or prevent resize of HTML TextArea in browsers like Google Chrome, Mozilla FireFox and Apple Safari using CSS3.
21 Oct 2012 21 Oct 2012 3 Comments  112920 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to Dynamically change or switch CSS file programmatically from code behind in ASP.Net using C# and VB.Net