element input type = file

[JBosir]

​

Text or legend that adds the element input type = file is horrible and very different for each browser.
The solution is to put a label. It is possible to customize with a label?
https://coderwall.com/p/uer3ow/total-input-type-file-style-control-with-pure-css

 

[JBosir]

Solution:
in plugins/fabrik_element/fileupload/fileupload.php, line 2169:
$str[] = $allRenders . '<input class="fabrikinput" name="' . $name . '" type="file" id="' . $id . '" />' . "\n";
by
$str[] = $allRenders . '<label class="btn fileContainer">Examinar<input class="fabrikinput" name="' . $name . '" type="file" id="' . $id . '" /></label>' . "\n";

and css
.fileContainer [type=file] {
opacity: 0;
position: absolute;
}

 

[rob]

hmm I'm not keen on modifying this as it would mean the user has no idea of the filename that they selected.
If you don't like the standard upload then I suggest using the ajax upload which is its own widget.

 

[JBosir]

It was an idea for the function in fileupload "WIP". Because when you open an image, automatically appears. No need to know the name of the image.
Thank You.