7 Jun 20171 minute to read

Rating provides support for vertical orientation. By default Rating renders with horizontal orientation. You can the change the orientation by the orientation property.

The following code example is used to render the Rating control with vertical orientation.

Add the following HTML to render Rating with customized orientation.

  • HTML
  • <ej-rating id="rating" [orientation]="orientation"> </ej-rating>
  • HTML
  • import { Component } from '@angular/core';
        selector: 'ej-app',
        templateUrl: 'src/rating/rating.component.html'
    export class RatingComponent {
        orientation: any;
        constructor() {
            this.orientation = ej.Rating.Orientation.Vertical;

    The following screenshot illustrates the Rating with vertical orientation.