Secondary buttons in a form

[Mike Rockett]

How do I accomplish the following in a form?

Buttons as shown in the Fields listing

I need the buttons on the left and right. After having a look at the code for InputfieldButton, I don't think it's possible. But there has to be a decent way of doing it...

[Mike Rockett]

Unless I render each one out to a string, and then send the complete string back? But then how would I get them to float to the right?

[LostKobrakai]

Simply have a look in ProcessTemplate. There's simply no extra markup, it's just css.

#export_button, #import_button {
  float: right;
  margin-left: 0.25em;
}

[Martijn Geerts]

Can't you just set the class ?

$button = wire('modules')->get('InputfieldButton');

$button->attr('class', 'ui-button ui-widget ui-state-default ui-corner-all align-me-right'); 

 

Didn't test it but looks like: $button->addClass('align-right'); should do the trick.

Edited January 9, 2015 by Martijn Geerts

[Mike Rockett]

Ah, right (was definitely not looking in the right places)... Would be nice if it was built in: $button->addClass('ui-button-float-right').

[kongondo]

It is built in. Martijn was close right. You can do this:

$button = $this->modules->get('InputfieldButton'); 
$button->attr('id', 'button_create'); 
$button->attr('value', $this->_('Create New')); 
$button->attr('href', './edit/'); 
$button->class .= ' my-float-right-class';//note: concatenation + space

PW will add the other inbuilt button classes.

//See a cleaner alternative below...

Edited January 9, 2015 by kongondo

[Mike Rockett]

I've just done an ->addClass(), which seems better to me, and it does work...

[kongondo]

Indeed it is cleaner...updated my post.. Martijn was right