<tabset vertical="true" type="pills"> <tab heading="@Labels.general" select="selectView('general')"> </tab> <tab heading="@Labels.contact" select="selectView('contact')"> </tab> <tab heading="@Labels.invoices" ng-show="!isNew" select="selectView('invoices')"> </tab> <tab heading=" @Labels.payInvoices" ng-show="!isNew" select="selectView('invoicesToBePaid')"> </tab> <tab heading=" @Labels.applyFees" ng-show="!isNew" select="selectView('applyFees')"> </tab> <tab heading="@Labels.userDefined" ng-show="!isNew" select="selectView('userDefined')"> </tab> <tab heading="@Labels.securityRestrictions" ng-show="!isNew" select="selectView('security')"> </tab> <tab heading="@Labels.web" ng-show="!isNew" select="selectView('web')"> </tab> @*<li data-ui-sref-active="active" class="active" data-ng-show="!isNew"> <a data-toggle="pill" href="" data-ui-sref=".invoicesToBePaid"> @Labels.payInvoices</a> </li> <li data-ui-sref-active="active" class="active" data-ng-show="!isNew"> <a data-toggle="pill" href="" data-ui-sref=".applyFees" ng-class="{true: 'invalid-tab', false: ''}[form.applyFees.$invalid]"> @Labels.applyFees</a> </li> <li data-ui-sref-active="active" class="active"> <a data-toggle="pill" href="" data-ui-sref=".userdefined">@Labels.userDefined</a> </li> <li data-ui-sref-active="active" class="active"> <a data-toggle="pill" href="" data-ui-sref=".security">@Labels.securityRestrictions</a> </li> <li data-ui-sref-active="active" class="active"> <a data-toggle="pill" href="" data-ui-sref=".web">@Labels.web</a> </li>*@ </tabset>I have few issues: