CodeCharge Studio
search Register Login  

Web Reports

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.
CodeCharge.com

YesSoftware Forums -> CodeCharge Studio -> General/Other

 size upload button

Print topic Send  topic

Author Message
marcm

Posts: 4
Posted: 03/30/2016, 11:49 PM

Hello

I have added some upload buttons with the function File Upload.
As novice i can't find where i can increase the size of the button.

I have tried format under properties and also in Style.

Hope you can help, please keep in mind i am a novice

:-)
View profile  Send private message
morowind

Posts: 46
Posted: 03/31/2016, 1:53 AM

Add this in your css file:

.fileUpload {
position: relative;
overflow: hidden;
margin: 10px;
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}


Wrap your button with this:

<div class="fileUpload btn btn-primary">
<span>Upload</span>
<!--YOUR INPUT BTN HERE WITH CLASS "upload" eg:--> <input type="file" class="upload" />
</div>

http://jsfiddle.net/geniuscarrier/ccsGK/
View profile  Send private message
marcm

Posts: 4
Posted: 04/06/2016, 4:34 AM

Thanks, i will try.
View profile  Send private message

Add new topic Subscribe to topic   


These are Community Forums for users to exchange information.
If you would like to obtain technical product help please visit http://support.yessoftware.com.

Web Database

Join thousands of Web developers who build Web applications with minimal coding.
CodeCharge.com

Home   |    Search   |    Members   |    Register   |    Login


Powered by UltraApps Forum created with CodeCharge Studio
Copyright © 2003-2004 by UltraApps.com  and YesSoftware, Inc.