Имам персонализиран полимерен диалогов прозорец, който използвам за влизане, ето как искам да изглежда:
Това е кодът, който използвам, за да постигна това:
<polymer-element name="login-dialog">
<template>
<paper-dialog heading="XYZ Login" vertical autoCloseDisabled="true" transition="paper-transition-center" opened="true">
<p>{{feedback}}</p>
<paper-input floatingLabel label="Username" inputValue="{{username}}" type="text"></paper-input>
<paper-input floatingLabel label="Password" inputValue="{{password}}" type="password"></paper-input>
<paper-button role="button" on-click="{{reset}}" class="noink" affirmative>
Reset Password
</paper-button>
<paper-button role="button" on-click="{{login}}" class="ink" affirmative>
Login
</paper-button>
</paper-dialog>
</template>
<script type="application/dart" src="login-dialog.dart"></script>
</polymer-element>
Не искам бутоните да затварят диалоговия прозорец, затова премахвам потвърждението от хартиените бутони, за да мога сам да затворя диалоговия прозорец, ако са попълнени правилните данни за вход. Веднага след като премахна потвърждението, се появява голямо бяло пространство в долната част на диалоговия прозорец:
В кода на дартс засега имам следното:
login(event, detail, target) {
print("Clicked Login");
return false;
}
reset(event, detail, target) {
print("Clicked Reset");
return false;
}
Надявах се, че връщането на false ще спре затварянето на диалоговия прозорец, ако използвам утвърдително, но това не прави нищо. Някакви идеи как да накарам бутоните да не затварят диалоговия прозорец, освен ако не му кажа да го направи в кода на dart и да няма това бяло пространство отдолу? (не искам да го хаквам с css)