MediaSFU Angular
    Preparing search index...

    Class OtherGridComponent

    OtherGridComponent represents a customizable grid container with optional meeting progress timer.

    app-other-grid-component

    true

    CommonModule, MeetingProgressTimer

    Template: -

    The template consists of:

    • A grid container styled with specified dimensions, background color, and border.
    • An optional MeetingProgressTimer component displayed within the grid if showTimer is true.
    • Default border, padding, and display styles for the grid container.
    • backgroundColor (string): Background color of the grid container. Default is 'transparent'.
    • width (number): Width of the grid in pixels. Default is 0.
    • height (number): Height of the grid in pixels. Default is 0.
    • showAspect (boolean): Controls visibility of the grid container. Default is true.
    • timeBackgroundColor (string): Background color of the timer. Default is 'green'.
    • showTimer (boolean): Determines if the timer should be displayed. Default is false.
    • meetingProgressTime (string): Time to display in the timer. Default is '00:00:00'.

    OtherGridComponent

    <app-other-grid-component
      [backgroundColor]="'lightgray'"
      [width]="300"
      [height]="200"
      [showAspect]="true"
      [timeBackgroundColor]="'blue'"
      [showTimer]="true"
      [meetingProgressTime]="'00:05:32'"
    ></app-other-grid-component>
    Index

    Accessors

    otherGridContainerStyle

    Constructors

    constructor

    Properties

    backgroundColor width height showAspect timeBackgroundColor showTimer meetingProgressTime containerStyle? customTemplate?

    Accessors

    • get otherGridContainerStyle(): {
          "background-color": string;
          "border-style": string;
          "border-color": string;
          "border-width": string;
          "border-radius": string;
      }

      Returns {
          "background-color": string;
          "border-style": string;
          "border-color": string;
          "border-width": string;
          "border-radius": string;
      }

    Constructors

    Properties

    backgroundColor: string = 'transparent'
    width: number = 0
    height: number = 0
    showAspect: boolean = true
    timeBackgroundColor: string = 'green'
    showTimer: boolean = false
    meetingProgressTime: string = '00:00:00'
    containerStyle?: Partial<CSSStyleDeclaration>
    customTemplate?: TemplateRef<any>

    Settings

    Member Visibility

    On This Page

    Accessors
    Constructors
    Properties