How to reposition Save button in Newspublisher?

[9thwave]

Hi,
Is there a way to reposition the Save button in Newspublisher?
I have multiple Resources/Templates using Newspublisher and one particular page is so long that it makes sense to have the Save button in a fixed position.

Thanks for any help
J

[bobray]

If you mean the “Submit” button. The code looks like this:

<span class = "buttons">
    <input class="submit" id="np_submit_button" type="submit" name="Submit" value="Submit" />
    <input type="button" id="np_cancel_button" class="cancel" name="Cancel" value="Cancel" onclick="window.location = 'http://localhost/addons/newspublisher/' " />
</span>

You should be able to use CSS to move with the Submit button or both buttons anywhere you like.

[poldx]

Thanks, Bobray, that’s helpful.

Just to clarify, if I wanted the Submit button to stay fixed at the bottom of the screen while scrolling (especially on longer pages), would applying position: fixed to the .buttons span be the right approach? And if so, are there any common issues to watch out for when doing that in MODX/NP context (like z-index conflicts or template structure problems)?

Appreciate any insight.

[9thwave]

My mistake!
I’d forgotten that the Template to edit was the one used by the Newspublisher self-created resource which is why my css wasn’t being read.
This now works as expected now…

<style>
  span.buttons.np_buttons {
    position: fixed;
    top: 10%;
    left: 15%;
  }
</style>

[bobray]

I’m glad you got it sorted. Thanks for reporting back.