>>Hi everybody,
>>
>>I have a form with multiple tabs. One tab form has the following code right now
>>
>>

>>ng-form name="editAccountInvoices">
>>    <div class="checkbox" ng-show="!isNew">
>>        <label>
>>            <input type="checkbox" name="showFinalized" id="showFinalized"
>>                   ng-model="showFinalized"
>>                   />Show Finalized Invoices
>>        </label>
>>    </div>
>>    <div id="_actions" class="padd">
>>        <div class="gridStyle" ng-grid="gridOptions"></div>
>>    </div>
>></ng-form>
>>

>>
>>I also plan to add the search textbox later on to be able to filter the grid's data.
>>
>>Now, apart from that ngGrid is not yet working with navigation I have another problem. When I click on the checkbox and when try to navigate away from that form, I get a prompt about data changes. I want to avoid this prompt as that checkbox is used only for filtering.
>>
>>Do you know how to solve that problem?
>>
>>I did a quick google search, but not too extensive and didn't find anything.
>>
>>Thanks in advance.
>
>Just put it outside the form....

Do you mean above the ng-form tag? I'll try that but this form is part of the main editForm which has at the top

<form name="form" novalidate role="form" 
          data-sm:dirty-check data-server:error ng-show="showForm" class="ng-cloak">

and the form I showed is used as a tab

<div class="tab-pane" id="invoices">
                                @Html.Partial("EditAccountInvoices")
                            </div>