Buttonstyle

[TheoLang]

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

[assapan]

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 ?

[TheoLang]

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

[Jorge Sousa]

Hello TheoLang

you should load

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

perhaps in servercontroller.filesheet to afect the whole app.

[TheoLang]

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

[Jorge Sousa]

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....