Front End, HTML/CSS, IT, Uncategorized

Basic Use for FontAwsome V5

Basic Use for FontAwsome V5

  •  Download the free version.
  • Grab & move the CSS file ontawesome-all.css- and web fonts folder into your project
  • Reference the CSS in the head tag
  • Search for the icon, get its class and int it in your code.

 

Related Posts:

Simple Search Form

CSS Class and ID Simple Exercise with Solution

Simple Navbar with Dropdown List & Nice Transition

HTML5 Forms for Beginners

 

Backend, IT, Uncategorized

ASP.Net Part(6) – ViewProducts Using Repeater Control

ASP.Net – Part(6) – ViewProducts Using Repeater

  • Create the repeater ans select the datasource.
  • Create the repeater template tags: header, item, footer.
  • View Products using Repeater.
  • Simple style for the products in the repeater.

 

Related Posts:

ASP.NET – Part (5) – View Categories and related Products using DataList and ListView

ASP.NET – Part (4) – View Categories and their Products using GridView

ASP.NET GridView Part (3) – Add Required Field Validation.

ASP.NET GridView Part (2) – With Video – Insert Fields and Function

ASP.Net GridView Part (1) With Video – Insert, Edit, and Delete

Backend, Uncategorized

ASP.Net GridView Part (1) With Video – Insert, Edit, and Delete

ASP .NET GridView – Insert, Update, and Delete – Part (1) –

  • Insert GridView
  • Select the data source
  • Select the database connection
  • Configure your select statement. –
  • Select the advanced SQL generation option to check “Generate – Insert, Update, and Delete statements).
  • Test the query.
  • Enable sorting, editing, deleting, and paging.

 

GridView – Part (1)

Backend, IT, Uncategorized

ASP.NET ‘Manage Users’ Form using Grid View

GriedView-Manage Users.jpg
Manage Users Form using ASP.NET GridView

Download the ASP.NET Manage Users Form

Using the GridView, the manage users (add, edit, delete) form allow the admin to:

  • View the users information (userid, firstname, lastname, email, and password).
  • Update the users information. All the information is required. An error message will be displayed if there is any empty field.
  • Delete a user. A confirmation message will be displayed before deleting.
  • Insert a new user. All the information is required. An error message will display if there is any empty field.
  • Sort users.
  • Also,
  • A sample of database is uploaded in the folder.
  • A simple style is added to the Gridview.

Download the ASP.NET Manage Users Form

You can also view:

Simple Sign In Form with ASP.NET and Database Connection

Simple Sign Up Form with ASP.NET Validation and Database Connection

Front End, HTML/CSS, IT, Uncategorized

CSS Class and ID Simple Exercise with Solution

Question:

Using external CSS style sheet, create the following design:

  • Main Div as a container for all the following elements. Use #EEE as a background color: It contains:
  • First Div:
  • Add an id for the div.
  • Use an rgba background color. Green value is 9, red is 3, blue is 33, and the alpha value is 0.9.
  • Insert your full name using heading one.
  • Center your name.
  • Use “Comic Sans MS” font.
  • Use 30 pixels font size.
  • Use ff5722 hex value as a color for the heading.
  • Second Div:

Continue reading “CSS Class and ID Simple Exercise with Solution”

Front End, IT, javascript, Uncategorized

(15) AngularJs Filters Example (Uppercase, Lowercase, and Date)

In the following example:

We will display the students information in the following format:

  • First name: Uppercase
  • Last name: Uppercase
  • Gender: Uppercase
  • Spec: Lowercase
  • Level: Uppercase
  • Date of Birth (DOB): Date Format

You can refer to AngularJs Date Format Reference to now more about date format.

 

 

 

Front End, IT, javascript, Uncategorized

(13) AngularJs ng-repeat example (using module and controller)

 

We recommend you to review a simple example of ng-repeat directive before reading this post.

In the following example:

  • Using AngularJs controller and module, we create an array of students.
  • Each student has (first name, last name, gender, specialization, and level) information.
  • Then, we display the students information in an html page.
  • To display each student information, we use “ng-repeat” directive.