My intention is to place two buttons, Reset Form and Save, next to each other using the following code. I want the Save button to be hidden when the user first lands on the page, but reveal itself as the user progresses through the forms. Even when the Save button is hidden, I need it to maintain its position in the row so that the layout doesn't shift when it appears at the end of the forms. How can I achieve this by keeping the Save button hidden while still taking up space in the same row as the Reset Form button?
<div class="commandButtons">
<span class="commandButtonsRight">
<button class="k-button k-button-icontext" hidden ="true" data-bind="click: save">
<span class="k-icon k-update"></span>Save
</button>
<button class="k-button k-button-icontext" data-bind="click: cancel">
<span class="k-icon k-cancel"></span>Reset Form
</button>
</span>