Want to attach anchor link and in event view where user can click on link to open meetings like google calender

[Mehul Kailashbhai Kothari]

HI Team,

I am using agenda View to show my events on calender. I am trying to have one anchor link which I am getting from backend. I want to show it in agenda view like google calender where on click of that user redirects to that link 

https://ej2.syncfusion.com/angular/demos/#/material/schedule/agenda

Is it possible in above scenario. If not is there is any work

[Praveenkumar Narasimhanaidu]

Hi Mehul, 

Greetings from Syncfusion support..!  

We have validated your requirement “Show anchor link in Agenda view and on clicking that link need to redirect” at our end. We let you know that you can achieve it with the help of scheduler eventTemplate. For the same, we have prepared a sample for your reference which can be viewed from following link. 

Sample: https://stackblitz.com/edit/ej2-angular-scheduler-agenda-view-with-anchor-tag?file=app.component.html 

App.component.html 

 <ejs-schedule 

      #schedule 

      height="650px" 

      [(selectedDate)]="selectedDate" 

      [eventSettings]="eventSettings" 

      [showQuickInfo]="false"  // to prevent quickinfo popup on single click 

    > 

      <e-views> 

        <e-view option="Agenda"> 

          <ng-template #eventTemplate let-data> 

            <div class="template-wrap"> 

              <div class="subject"> 

                <a rel='nofollow' href="https://www.syncfusion.com">Visit syncfusion.com!</a> 

              </div> 

            </div> 

          </ng-template> 

        </e-view> 

For more information about eventTemplate, please refer following documentation links. 

Demo: https://ej2.syncfusion.com/angular/demos/#/material/schedule/events-template 

UG: https://ej2.syncfusion.com/angular/documentation/schedule/appointments/#using-template 

Kindly try the above solution and get back to us if you need any further assistance. 

Regards, 

Praveenkumar