You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by David Beer <da...@gmail.com> on 2013/11/06 17:19:28 UTC
How to use BootStrap3 ProgressBar and UpdateableProgress Bar
Hi Guys
I have added an UploadProgressBar from the Wicket extensions to my upload
form and process, it would be nice if I could keep the Bootstrap3
components.
I am having a bit of difficulty fguring out how I can attach either a
ProgressBar or UpdatableProgresBar to my upload form.
Any thoughts on this would be great. HTML template for form is as follows:
<form wicket:id="uploadForm">
<div wicket:id="formGroup-Upload">
<div class="col-lg-10 fileupload fileupload-new"
data-provides="fileupload">
<span class="btn btn-default btn-file">
<span class="fileupload-new">Select file</span>
<span class="fileupload-exists">Change</span>
<input type="file" wicket:id="file">
</span>
<span class="fileupload-preview"></span>
<a href="#" class="close fileupload-exists"
data-dismiss="fileupload" style="float: none">×</a>
</div>
<div class="col-lg-offset-2 col-lg-10">
<span wicket:id="max-size"></span>
</div>
</div>
<div wicket:id="formGroup-Description">
<div class="col-lg-10">
<input type="text" wicket:id="description">
</div>
</div>
<div wicket:id="submit-formGroup" class="form-group">
<div class="col-lg-offset-2 col-lg-10">
<button wicket:id="submit-button" type="submit">Upload
File</button>
</div>
</div>
<span wicket:id="progress">[progressbar]</span>
</form>
Thanks
David
Re: How to use BootStrap3 ProgressBar and UpdateableProgress Bar
Posted by Martin Grigorov <mg...@apache.org>.
Hi,
Please file a ticket at wicket-bootstrap project.
On Wed, Nov 6, 2013 at 6:19 PM, David Beer <da...@gmail.com> wrote:
> Hi Guys
>
> I have added an UploadProgressBar from the Wicket extensions to my upload
> form and process, it would be nice if I could keep the Bootstrap3
> components.
>
> I am having a bit of difficulty fguring out how I can attach either a
> ProgressBar or UpdatableProgresBar to my upload form.
>
> Any thoughts on this would be great. HTML template for form is as follows:
>
> <form wicket:id="uploadForm">
> <div wicket:id="formGroup-Upload">
> <div class="col-lg-10 fileupload fileupload-new"
> data-provides="fileupload">
> <span class="btn btn-default btn-file">
> <span class="fileupload-new">Select file</span>
> <span class="fileupload-exists">Change</span>
> <input type="file" wicket:id="file">
> </span>
> <span class="fileupload-preview"></span>
> <a href="#" class="close fileupload-exists"
> data-dismiss="fileupload" style="float: none">×</a>
> </div>
> <div class="col-lg-offset-2 col-lg-10">
> <span wicket:id="max-size"></span>
> </div>
> </div>
> <div wicket:id="formGroup-Description">
> <div class="col-lg-10">
> <input type="text" wicket:id="description">
> </div>
> </div>
> <div wicket:id="submit-formGroup" class="form-group">
> <div class="col-lg-offset-2 col-lg-10">
> <button wicket:id="submit-button" type="submit">Upload
> File</button>
> </div>
> </div>
> <span wicket:id="progress">[progressbar]</span>
> </form>
>
> Thanks
>
> David
>