Tag: html

Front End, HTML/CSS, Uncategorized

Flexbox CSS Part (1) – display, flex-direction, justify-content

annsaid
  • The flexible box makes it easier to design flexible responsive layout structure without using float or positioning.
  • The parent container should take flex display property, display:flex.
  • flex-direction: to define the stack of the flex items.
  • flext direction could be: row, row-reverse, column, column-reverse.
    1. Row: the default (LTR).
    2. Row-reverse: (RTL).
    3. column: Top to bottom (TTB).
    4. column-reverse: (BTT).

Continue reading “Flexbox CSS Part (1) – display, flex-direction, justify-content” →

Uncategorized, Front End, IT, javascript

(17) AngularJs Sorting by Column Header

annsaid
AngularJs Tutorial
AngularJs Tutorial
  • The data will be sorted when clicking on one of the columns headers.
  • The user should be able to sort in both the directions (ascending and descending).
  • Clicking on the column for the first time will sort the data in ascending order.
  • on the same column again will sort data in descending order.
  • An arrow (up/down) will be displayed next to the column showing the sort column and direction.

Continue reading “(17) AngularJs Sorting by Column Header” →

Front End, IT, javascript, Uncategorized

(16) AngularJs Sorting using DropDown List

annsaid
AngularJs Tutorial
AngularJs Tutorial
  • The data will be sorted according to the selected option in the ddl.
  • The orderBy filter allow the array sorting.
  • Some columns will be sorted descending and others will be sorted ascending, as:
  • minus sign (-) allows the descending sorting.
  • plus sign (+) allows the ascending sorting. It is the default.

 

Related posts:

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

(14) What are the AngularJs Filters?

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

Backend, IT

ASP.Net (12) – View Latest 3 Products using Repeater

annsaid

ASP.Net (12) – View Latest 3 Products using Repeater

Related Posts:

ASP.Net (11) – View and Update Images in the GridView, and Save them in img folder

ASP.Net (10) – GridView Delete with Confirmation using StoredProcedure

ASP.Net (9) – Update GridView Using Stored Procedure and User-Defined Function

ASP.NET (8) Display Products in GridView using StoredProcedure and User-Defined Function

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

 

 

 

 

 

 

Front End, HTML/CSS, IT, Uncategorized

Basic Use for FontAwsome V5

annsaid

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 GridView Part (2) – With Video – Insert Fields and Function

annsaid

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

  • Convert Fields into Template Fields.
  • Show Template Footer.
  • Add Insert Button.
  • Add Insert Fields.
  • Apply Insert Function

 

Related posts:

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

ASP.NET ‘Manage Users’ Form using Grid View

Simple Sign In Form with ASP.NET and Database Connection

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