Front End, HTML/CSS, Uncategorized

Flexbox CSS Part (8) – Arabic || flex-grow

  • The css flexbox makes it easier to design flexible responsive layout structure without using float or positioning.
  • The flex-grow property specifies how much the item will grow relative to the rest of the flexible items inside the parent container.
  • Default value is 0

Continue reading “Flexbox CSS Part (8) – Arabic || flex-grow”

Backend, IT, Uncategorized



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

Related Posts:


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 (14) – FileUpload: Images only & Save them using the current date and time

Before, I recommend you to review “ASP.Net (11) – View and Update Images in the GridView, and Save them in img folder”

In the following video:

  • FileUpload control accepts only images.
  • Add the current date and time (uploading date & time) to the image name to avoid file overwrite.

Related Posts:

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

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

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

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

Front End, HTML/CSS, IT, Uncategorized

CSS Class and ID Simple Exercise with Solution


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

(5) AngularJS Expressions (ng-bind)

  • AngularJS expressions can also be written inside a directive: ng-bind=”expression”.
  • In the following example, the user will enter the first name and last name in two separated input fields. A paragraph will be generated that contain: Your name is “firstName” “lastName”.
  • Try to do the same function using {{expression}} format.