PW for dummies - Multiple images with better appearance

[blad]

Edited:

read this https://processwire.com/talk/topic/7379-module-altgrid/

Edited August 25, 2014 by blad

[adrian]

Hi blad - take a look on the Input tab of your images field and check the "Display thumbnails in page editor" option

Of course it doesn't float them like you have, but you can use the grid mode toggle for that - button at the top right of the field in the page editor.

PS Not meaning to suggest your enhancements aren't nice by the way

Edited August 22, 2014 by adrian

[kongondo]

Blad,

Nice effort. However, just wondering, how is this different from the grid view already available in ProcessWire image fields? Secondly, I am not sure this is a 'suitable' tutorial because you are editing/hacking a core file which is never good practice. It will get overwritten with upgrades.

Edit:

OK, so Adrian beat me. 

@Adrian scores are now tied at 1 - 1

[blad]

Sorry you can delete this topic.

For me it's useful because I want my client doesn´t have to click to see all pictures and write descriptions.

[adrian]

Sorry you can delete this topic.

For me it's useful because I want my client doesn´t have to click to see all pictures and write descriptions.

Absolutely not - I like what you have done - you just might want to consider changing the layout via a hook instead of modifying the core.

[blad]

Absolutely not - I like what you have done - you just might want to consider changing the layout via a hook instead of modifying the core.

Frankly, I have not thought and I just did. Create a hook module is the best way.

[MuchDev]

Yeah I like it, frankly I'd like to see some more options beyond list and grid to boot. Like either a drag bar or option to set an arbitrary width on the thumbnail. I'd take a look if you made a module  

[blad]

What hook can i use for create a simple module? I tried :

$this->addHookAfter('InputfieldImage::render', $this, 'xxx');

did´t work...

The hooks of inputfieldimage are:

/wire/modules/Inputfield/InputfieldImage/InputfieldImage.module

#27:public function ___render() {
#39:protected function ___fileAdded(Pagefile $pagefile) {
#65:protected function ___renderItem($pagefile, $id, $n) {
#91:public function ___getConfigInputfields() {

Thanks.

[blad]

Should i use InputfieldFile for the hook?

[adrian]

This works:

$this->addHookAfter('InputfieldImage::render', $this, 'addTest');

public function addTest(HookEvent $event) {
    $event->return .= 'test';
}

No need to go with InputfieldFile because your changes are only relevant to image fields.

[blad]

Thank you for the explanation @adrian! it works