Hi Team,
I am Developing Web Application using Angular4 with typescript.I have tried ej accordion in my application and its not working for our application.
Please help me to implement accordion in our application.
Herewith I attach the Html code for your reference.
<form #SafetyIncident="ngForm" ng-submit="addIncident(SafetyIncident)">
<ej-accordion>
<div class="row mfg-top panel panel-default">
<div class="panel-heading">Incident Details</div>
<div class="panel-body">
<ng-container *ngIf="showIncidentNumber">
<div class="row">
<div class="col-lg-12 mfg-top div-marleft">
<div class="row">
<div class="col-lg-3 col-md-3">
<label class="label_size">Incident Number</label>
</div>
<div class="col-lg-4">
<label class="label_size">{{safetyInfo.incidentNumber}}</label>
</div>
</div>
</div>
</div>
</ng-container>
<div class="row mrgn_btm">
<div class="col-lg-6 col-md-6 mfg-top">
<div class="row">
<div class="col-lg-3 col-md-3">
<label class="label_size">Incident Type </label><span class="validation"> *</span>
</div>
<div class="col-lg-4 col-md-4">
<div class='' style="cursor:pointer">
<input type="text" [(ngModel)]='safetyInfo.incidentTypeID' name="incidenttype" id="ddpincidenttype" #nameIncidentType="ngModel" ej-dropdownlist [dataSource]="safetytypeValues" [fields]="safetytypefieldsvalues" watermarkText="Select a Incident Type"
required autocomplete="off" width="320px" (ngModelChange)="onIncidentTypeChange($event)">
<span *ngIf="nameIncidentType?.touched && !nameIncidentType.valid" class="validationmessage" style="color:red">
Incident Type is Required!
</span>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mfg-top div-marleft">
<div class="row">
<div class="col-lg-4 col-md-4">
<label class="label_size">Lost Workday Case<span class="validation"> *</span></label>
</div>
<div class="col-lg-2 col-md-2 radio-top">
<div class="radio radio-info radio-inline">
<input type="radio" id="LostRestricted1" [disabled]="safetyInfo.Workdaycasedisable" (click)="ClickWorkdaycase('Yes')" value="Yes" name="LostRestricted" [(ngModel)]="safetyInfo.workDayCase" (checked)="safetyInfo.workDayCase">
<label for="LostRestricted1" class="label-radio" style="padding-left:0px !important;">Yes</label>
</div>
</div>
<div class="col-lg-2 col-md-2 radio-top">
<div class="radio radio-info radio-inline" style="margin-left:-3px;">
<input type="radio" id="LostRestricted2" value="No" [disabled]="safetyInfo.Workdaycasedisable" (click)="ClickWorkdaycase('No')" name="LostRestricted1" [(ngModel)]="safetyInfo.workDayCase" (checked)="safetyInfo.workDayCase">
<label for="LostRestricted2" class="label-radio" style="padding-left:0px !important;">No</label>
</div>
</div>
</div>
</div>
</div>
Kindly check it and get back to us with a quick solution/
Regards,
Muthu
