Add extra markup to an inputfield

[Frank Vèssia]

I'd like to add extra markup to a specific inputfield text in the admin using a module, I tried an hook like this but pw says the method doesn't exist
 

$this->addHookBefore('Inputfield::render', $this, "addMarkup");

 
protected function addMarkup($event){
    $Inputfield = $event->object;
    if($Inputfield->attr('name') == "myfieldname"){
         
        $Inputfield->setMarkup([
            'item_content' => "my markup"
        ]);
           
    }
}

[bernhard]

If you hook the render() method, the $event->return contains the markup. Therefore you need to modify $event->return to modify the markup:

[Frank Vèssia]

nice, thanks bernhard!

[gmclelland]

@bernhard off topic, but what is RockBodyBuilder?

[jploch]

Just adding this here as note for me and others. There is also an alternative way to append custom markup to an inputfield:

$inputfield->appendMarkup('<div class="test">Hello</div>');

 

Edited June 5, 2025 by jploch
Sorry the original post didn’t make much sense. I corrected my post

[Robin S]

36 minutes ago, jploch said:

Just adding this here as note for me and others. There is also a much simpler way to add custom markup to an inputfield:

$field->appendMarkup('<div class="test">Hello</div>');

Which approach to take depends on where you want the added markup to appear, relative to things like description and notes.

Demo:

$wire->addHookBefore('InputfieldText::render', function(HookEvent $event) {
	/** @var InputfieldText $inputfield */
	$inputfield = $event->object;
	if($inputfield->name !== 'text_1') return;
	$inputfield->prependMarkup('<div>prependMarkup</div>');
	$inputfield->appendMarkup('<div>appendMarkup</div>');
});

$wire->addHookAfter('InputfieldText::render', function(HookEvent $event) {
	/** @var InputfieldText $inputfield */
	$inputfield = $event->object;
	if($inputfield->name !== 'text_1') return;
	$event->return = '<div>before render</div>' . $event->return . '<div>after render</div>';
});

Related request: https://github.com/processwire/processwire-requests/issues/536