Seems to be little overkill with all that code in the view! lol. Anyway, here is the app that demonstrate the conflict.
Model: db.define_table('mytable', Field('name', type='list:string', requires=IS_IN_SET (('True','False', 'Neither'), multiple=True))) *View (default/main_page.html):* {{extend 'layout.html'}} <h1> {{=BUTTON( 'Apply',_type="button",_class = "btn btn-default",_onclick=""" $('#cont_id').modal('show') """)}} Apply to see the modal </h1> {{=main_pg}} <script> jQuery(document).ready(function() { var uploader = new qq.FileUploader({ // pass the dom node (ex. jQuery(selector)[0] for jQuery users) element: document.getElementById('project-file-uploader'), // path to server-side upload script action: '{{=URL("upload_callback")}}/{{=request.args(0)}}', sizeLimit: 150000000, minSizeLimit: 0, allowedExtensions: ['xls','jpg', 'jpeg', 'pdf', 'txt','doc','htm','html','xml','xmls', 'txt','ppt','png', 'gif'], // set to true to output server response to console debug: true, // events // you can return false to abort submit onSubmit: function(id, fileName){}, onProgress: function(id, fileName, loaded, total){}, onComplete: function(id, fileName, responseJSON){}, onCancel: function(id, fileName){}, messages: { // error messages, see qq.FileUploaderBasic for content typeError: "{file} {{=T('has invalid extension.')}} {{=T('Only')}} {extensions} {{=T('are allowed.')}}", sizeError: "{file} {{=T('is too large, maximum file size is')}} {sizeLimit}.", minSizeError: "{file} {{=T('is too small, minimum file size is')}} {minSizeLimit}.", emptyError: "{file} {{=T('is empty, please select files again without it.')}}", onLeave: "{{=T('The files are being uploaded, if you leave now the upload will be cancelled.')}}" }, showMessage: function(message){ alert(message); } }); }); </script> *Controller*: def modal_content(): form = SQLFORM(db.mytable) # or even form = SQLFORM.grid(...) return dict(form=form) def main_page(): main_pg=DIV('') #show_modal_btn = BUTTON( 'Show modal',_type="button",_class = "btn btn-default",_onclick=""" $('#cont_id').modal('show') """) form = LOAD(f='modal_content.load', ajax=True, ajax_trap=True ) dialog = modal_wrapper(form, _id='cont_id', header='Header', footer='footer') #don't forget to add dialog and show_modal_btn to main page #main_pg.append(show_modal_btn) # or main_pg.append( DIV(show_modal_btn) ) or something else main_pg.append(dialog) #main_pg.append(show_modal_btn) return dict(main_pg = main_pg) def modal_wrapper(content, _id, header='', footer=''): main_wrap = DIV('', _class="modal fade", _role="dialog", _id=_id, _tabindex="-1" ) title_id = _id + '_title' main_wrap['_aria-labelledby']=title_id dialog_div=DIV('', _class="modal-dialog" , _role="document") content_div=DIV('', _class="modal-content") header_div = DIV( _class="modal-header") close_cross = BUTTON( SPAN(XML('×'), **{'_aria-hidden':"true"}), _type="button", _class="close", data={'dismiss':"modal"}, **{'_aria-label':"Close"} ) title_h4 = H4( header, _class="modal-title", _id = title_id) body_div = DIV( content, _class="modal-body") close_btn = BUTTON('Close', _type="button", _class="btn btn-default", data={'dismiss':"modal"}) footer_div = DIV( footer, close_btn, _class="modal-footer") # gluon all main_wrap[0] = dialog_div dialog_div[0] = content_div header_div.append(close_cross) header_div.append(title_h4) [content_div.append(c) for c in (header_div, body_div, footer_div)] return main_wrap On Wednesday, February 24, 2016 at 10:07:45 PM UTC-5, Richard wrote: > > As the slice says : Quick and Dirty... > > I would stay away of that... > > You may also consider js lib for that... > > Why not : http://fineuploader.com/purchase_form.html > > If your app is open source and doesn't make money. > > Richard > > On Wed, Feb 24, 2016 at 10:02 PM, Richard Vézina <ml.richa...@gmail.com > <javascript:>> wrote: > >> Here a repo of a presumably functional implementation of the recipe link >> above : https://bitbucket.org/xavrenard/multiupload_module/src >> >> It was mention at the end of the post completly. >> >> Good luck >> >> Richard >> >> On Wed, Feb 24, 2016 at 7:47 PM, Ron Chatterjee <achatte...@gmail.com >> <javascript:>> wrote: >> >>> In other words, this code that I leveraged from: >>> >>> http://www.web2pyslices.com/slice/show/ >>> 1428/quick-and-dirty-multi-file-ajax-file-upload >>> >>> Should be updated using the links you send me because if seems there >>> are others who also experienced the same issues. Let me post the code. And >>> I agree, it will probably be better not to upload .w2p as most people will >>> cut and paste. >>> >>> >>> On Wednesday, February 24, 2016 at 5:01:02 PM UTC-5, Richard wrote: >>>> >>>> This thread seems to talk about how to do it : >>>> https://groups.google.com/forum/#!msg/web2py/OysSkb6c-zI/Lz26h9uZog0J >>>> >>>> Here there is a recipe : >>>> http://in10min.blogspot.ca/2013/04/web2py-implement-multiple-files-upload.html >>>> >>>> Richard >>>> >>>> On Wed, Feb 24, 2016 at 4:58 PM, Richard Vézina <ml.richa...@gmail.com> >>>> wrote: >>>> >>>>> Ok, I was just talking about the name of your app... >>>>> >>>>> I think you will have more help if you append some relevant code to >>>>> the issue to this thread... >>>>> >>>>> Installing an app from someone else is generally the lasting I do when >>>>> I can't help the person by simple code review... >>>>> >>>>> Is this something you write from your own? From a web2py slice? >>>>> >>>>> You want multiple upload feature, rigth? >>>>> >>>>> Regards >>>>> >>>>> Richard >>>>> >>>>> On Wed, Feb 24, 2016 at 4:18 PM, Ron Chatterjee <achatte...@gmail.com> >>>>> wrote: >>>>> >>>>>> Seems strange. The issue is. If I delete that JQuery (everything >>>>>> inside the script), the modal works fine (just click main_page in the >>>>>> controller and then the button subsequently). The moment I insert the >>>>>> multi >>>>>> file upload (from the link in the slide) and for which I need the >>>>>> jQuery, >>>>>> the model doesn't work. It gets hang. It seems conflict with CSS may be >>>>>> I >>>>>> am not sure what the issue is. >>>>>> >>>>>> On Wednesday, February 24, 2016 at 3:18:37 PM UTC-5, Richard wrote: >>>>>>> >>>>>>> What the issue exactly? Your app name seems to refer to multiple >>>>>>> LOAD() issue, but you are talking about jQuery issue... >>>>>>> >>>>>>> Richard >>>>>>> >>>>>>> On Wed, Feb 24, 2016 at 10:33 AM, Ron Chatterjee < >>>>>>> achatte...@gmail.com> wrote: >>>>>>> >>>>>>>> Hi Guys, I have an app where I use the model and it works fine. The >>>>>>>> moment I have the Jquery upload script in the view it seems to break >>>>>>>> and >>>>>>>> cause a conflict. Any help or suggestion that experts can provide? >>>>>>>> Attached >>>>>>>> is the app. Controller is main_page >>>>>>>> >>>>>>>> -- >>>>>>>> Resources: >>>>>>>> - http://web2py.com >>>>>>>> - http://web2py.com/book (Documentation) >>>>>>>> - http://github.com/web2py/web2py (Source code) >>>>>>>> - https://code.google.com/p/web2py/issues/list (Report Issues) >>>>>>>> --- >>>>>>>> You received this message because you are subscribed to the Google >>>>>>>> Groups "web2py-users" group. >>>>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>>>> send an email to web2py+un...@googlegroups.com. >>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>> >>>>>>> >>>>>>> -- >>>>>> Resources: >>>>>> - http://web2py.com >>>>>> - http://web2py.com/book (Documentation) >>>>>> - http://github.com/web2py/web2py (Source code) >>>>>> - https://code.google.com/p/web2py/issues/list (Report Issues) >>>>>> --- >>>>>> You received this message because you are subscribed to the Google >>>>>> Groups "web2py-users" group. >>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>> send an email to web2py+un...@googlegroups.com. >>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>> >>>>> >>>>> >>>> -- >>> Resources: >>> - http://web2py.com >>> - http://web2py.com/book (Documentation) >>> - http://github.com/web2py/web2py (Source code) >>> - https://code.google.com/p/web2py/issues/list (Report Issues) >>> --- >>> You received this message because you are subscribed to the Google >>> Groups "web2py-users" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to web2py+un...@googlegroups.com <javascript:>. >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> > -- Resources: - http://web2py.com - http://web2py.com/book (Documentation) - http://github.com/web2py/web2py (Source code) - https://code.google.com/p/web2py/issues/list (Report Issues) --- You received this message because you are subscribed to the Google Groups "web2py-users" group. To unsubscribe from this group and stop receiving emails from it, send an email to web2py+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/d/optout.