Web Development

Front End, HTML/CSS, Uncategorized

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

  • 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

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

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, Uncategorized

ASP.NET (18) ADD TO CART PART [3]

ASP. NET(17) – ADD TO CART PART[2]

ASP.NET(16) – ADD PRODUCT TO SHOPPING CART [PART 1]

View the shopping cart of the logged in user. The shopping cart includes:

  • Product Photo
  • Product Name
  • Product Price
  • Quantity
  • Item Price (Product Price * Qunatity)
  • Total Price

Related Posts:

ASP. NET(17) – ADD TO CART PART[2]

ASP.NET(16) – ADD PRODUCT TO SHOPPING CART [PART 1]

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

 

Backend, IT, Uncategorized

ASP. NET(17) – ADD TO CART PART[2]

ASP.NET(16) – ADD PRODUCT TO SHOPPING CART [PART 1]

  • Create add to cart procedure and user-defined function.
  • Create the addToCart button click function

Related Posts:

ASP.NET(16) – ADD PRODUCT TO SHOPPING CART [PART 1]

ASP.NET(15) – SearchProduct using Procedure and Display Results using Repeater

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

Backend, Uncategorized

ASP.NET(16) – ADD PRODUCT TO SHOPPING CART [PART 1]

ASP.NET(16) – ADD PRODUCT TO SHOPPING CART [PART 1]

User will specify which product he want to add to cart, then he will specify the quantity of the item and then he will add the product to the cart (cart table).

In this video, we will:

  • Login to the system
  • View the products List https://www.youtube.com/watch?v=bDLMh…
  • Select a product to add to the cart (To View the product details)
  • View the product Details 5. Select the quantity 6. Insert Add it to the cart button

Related Posts:

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

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

ASP.NET(15) – SearchProduct using Procedure and Display Results using Repeater