CGDevTools Forum

Hi,

the FileUpload Button looks complete different to the rest of my user interface.

I can't change the color and i cant set an image. Is their something i can do.
By example make it unvisible and call it from another button.

Regards
Theo

Hi theo,
Are you sure the form containing the JQFileupdload has the same theme as the rest ? have you specified the Stylesheet or deposit a themeswitcher ?

Hi,

i don't use themes on buttons, because i find them quite ugly.
I have just white buttons with an image on it.

Regards
Theo

Hello TheoLang

you should load

/ui-.themes/jquery-ui-no-theme.min.css

perhaps in servercontroller.filesheet to afect the whole app.

Hello,

but i don't work with themes on my button.

I have attached you a small picture where you can see what i mean.

Regards
Theo

Hello TheoLang

Since we don't have a feature to add an image to file upload

you must set JQFileUpload.Template property yourself with valid html.

By html used by default is:

Code: Select all

<div class="qq-uploader"><div class="qq-upload-drop-area" style="display: none;"><span>Drop files here to upload</span></div><div class="ui-button ui-widget ui-state-default ui-corner-all" style="position: relative; overflow: hidden; direction: ltr;"><span style="height:19px; width:121px; padding: 0 1em; vertical-align: middle; display: table-cell;">Upload a file</span><input type="file" multiple="multiple" data-role="none" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></div><ul class="cg-qq-upload-list"></ul></div>

What really counts is the tag:

<input type="file" multiple="multiple" .... etc....