Thread: [limesurvey-developers] [GSoC-FUQT] Design/CSS for the Advanced File Uploader
The leading Open Source survey tool
Brought to you by:
c_schmitz
From: Amit S. <ami...@gm...> - 2010-05-29 04:44:10
|
Hi, The front-end for the *Advanced File Uploader* has started taking some shape. As mentioned in my last weekly report, the back-end for the upload has already been completed. Also, a simple form has been created to upload the files. This Advanced File uploader will serve the following purposes: - Facility to preview the uploaded files - Edit the file's meta-data after uploading the files - If the surveyee feels that he doesn't want to submit a file after uploading it, he can delete that file from the gallery tab. This Advanced File uploader has 3 tabs: 1. Upload from Computer - Contains the actual form that is used to upload the files - *Since, the files that will be uploaded will in most cases be documents and/or images, and won't be very big, the upload process won't be very long. And hence, I've thought of replacing the progress bar (as in the proposal) with a simple loading animation. We can easily switch to the "progress bar" thingy instead of the "loading" animation, but the upload will be so fast that one won't be able to see the progress bar actually 'progressing'. I'd really appreciate a feedback on this topic from everyone * 2. Upload from URL - The surveyee can give the URL of a document on the web, instead of uploading it off his own hard drive 3. Uploaded files Gallery - Once the files have been uploaded, the surveyee can preview all the uploaded files for that particular question, edit the file's meta-data, or even delete them. It will also have a submit button from where he can submit all the uploaded files for that particular question. While "1. Upload from Computer" has already been implemented, I'm working on the "2. Upload from URL" and "3. Uploaded files Gallery". The File Upload question in the survey will have a simple upload button. On clicking this button, the Advanced File Uploader will come up in a * shadowbox.* I'm maintaining a copy of this uploader at the following address: http://texens.5gigs.net/uploader/survey.php Please click on the Upload link on the page, and you'll be able to see the shadowbox and its contents, along with the tabs on the top. (No, they don't look like tabs because we don't have the tab button images yet.) We need to beautify this shadowbox. and I'd like to invite suggestions for designs from the Community for the same. I'm looking for the following things in particular: 1. tab button images for the menu 2. design of the "upload from computer" page and 3. desing of the "gallery" page 4. "upload" button image on the "upload from computer" page 5. "submit" button on the "gallery"page. We can discuss the designs over this mailing list or the LimeSurvey support forum<http://www.limesurvey.org/en/support/forums/6-development/41860-gsoc-2010-file-upload-question-type>or you can catch me on *freenode #limesurvey* where I go by the nick *texens*. Looking forward to your feedback, Amit |
From: David O. <dol...@in...> - 2010-05-29 05:34:18
|
Hi Amit, Good work, but i notice that it does not work on google chrome. Regarding the styles, is this something we might want to make customizable through the survey theme? Does seem like a big job for nothing though, but its an idea. Regards, David On Sat, May 29, 2010 at 6:43 AM, Amit Shanker <ami...@gm...> wrote: > > Hi, > > The front-end for the Advanced File Uploader has started taking some shape. > As mentioned in my last weekly report, the back-end for the upload has > already been completed. Also, a simple form has been created to upload the > files. > > This Advanced File uploader will serve the following purposes: > > Facility to preview the uploaded files > Edit the file's meta-data after uploading the files > If the surveyee feels that he doesn't want to submit a file after uploading > it, he can delete that file from the gallery tab. > > This Advanced File uploader has 3 tabs: > > Upload from Computer > > Contains the actual form that is used to upload the files > Since, the files that will be uploaded will in most cases be documents > and/or images, and won't be very big, the upload process won't be very long. > And hence, I've thought of replacing the progress bar (as in the proposal) > with a simple loading animation. We can easily switch to the "progress bar" > thingy instead of the "loading" animation, but the upload will be so fast > that one won't be able to see the progress bar actually 'progressing'. I'd > really appreciate a feedback on this topic from everyone > > Upload from URL > > The surveyee can give the URL of a document on the web, instead of uploading > it off his own hard drive > > Uploaded files Gallery > > Once the files have been uploaded, the surveyee can preview all the uploaded > files for that particular question, edit the file's meta-data, or even > delete them. It will also have a submit button from where he can submit all > the uploaded files for that particular question. > > While "1. Upload from Computer" has already been implemented, I'm working on > the "2. Upload from URL" and "3. Uploaded files Gallery". > > The File Upload question in the survey will have a simple upload button. On > clicking this button, the Advanced File Uploader will come up in a > shadowbox. > > I'm maintaining a copy of this uploader at the following address: > http://texens.5gigs.net/uploader/survey.php > Please click on the Upload link on the page, and you'll be able to see the > shadowbox and its contents, along with the tabs on the top. (No, they don't > look like tabs because we don't have the tab button images yet.) > > We need to beautify this shadowbox. and I'd like to invite suggestions for > designs from the Community for the same. I'm looking for the following > things in particular: > > tab button images for the menu > design of the "upload from computer" page and > desing of the "gallery" page > "upload" button image on the "upload from computer" page > "submit" button on the "gallery"page. > > We can discuss the designs over this mailing list or the LimeSurvey support > forum or you can catch me on freenode #limesurvey where I go by the nick > texens. > > Looking forward to your feedback, > Amit > > > ------------------------------------------------------------------------------ > > > _______________________________________________ > limesurvey-developers mailing list > lim...@li... > https://lists.sourceforge.net/lists/listinfo/limesurvey-developers > > |
From: Amit S. <ami...@gm...> - 2010-05-29 06:40:56
|
David, On Sat, May 29, 2010 at 11:04 AM, David Olivier <dol...@in...>wrote: > Hi Amit, > > Good work, but i notice that it does not work on google chrome. > Its not working on Chrome due to some styling issues. It works on hardcoding some of the height and padding values for the container. But, I'm leaving this issue as it is for now as we have to write the entire CSS for the uploader. > Regarding the styles, is this something we might want to make > customizable through the survey theme? > Indeed, the global CSS from the theme template will be used for the uploader. But, there are a couple things that will be local to the uploader, such as tab menu button image, upload and submit button images, position, placement and alignment of the textboxes, labels and buttons etc. In short, its graphical structure on the page. I'm hoping someone with photoshop experience volunteers to help with designing the tab menu button images customized for LimeSurvey. Thanks, Amit |
From: Marcel M. (Limesurvey) <mar...@li...> - 2010-05-29 10:36:00
|
Hi Amit, good work so far. I tested the upload with a 3MB file and I think having an animated button is fine, it indicates that the upload is still in progress. I also like the idea to style the upload screen. Since it is a question type the user should be able to style it like any other question type, see http://docs.limesurvey.org/tiki-index.php?page=Template+editor&structure=English+Instructions+for+LimeSurvey#Styling_questions_with_CSS At a later stage we also have to adapt the CSS for the shipped templates, please add this to your To Do list, maybe tpartner can help you if you have problems. Best regards, Marcel Am 29.05.2010 07:34, schrieb David Olivier: > Hi Amit, > > Good work, but i notice that it does not work on google chrome. > Regarding the styles, is this something we might want to make > customizable through the survey theme? > Does seem like a big job for nothing though, but its an idea. > > Regards, > David > > On Sat, May 29, 2010 at 6:43 AM, Amit Shanker<ami...@gm...> wrote: > >> Hi, >> >> The front-end for the Advanced File Uploader has started taking some shape. >> As mentioned in my last weekly report, the back-end for the upload has >> already been completed. Also, a simple form has been created to upload the >> files. >> >> This Advanced File uploader will serve the following purposes: >> >> Facility to preview the uploaded files >> Edit the file's meta-data after uploading the files >> If the surveyee feels that he doesn't want to submit a file after uploading >> it, he can delete that file from the gallery tab. >> >> This Advanced File uploader has 3 tabs: >> >> Upload from Computer >> >> Contains the actual form that is used to upload the files >> Since, the files that will be uploaded will in most cases be documents >> and/or images, and won't be very big, the upload process won't be very long. >> And hence, I've thought of replacing the progress bar (as in the proposal) >> with a simple loading animation. We can easily switch to the "progress bar" >> thingy instead of the "loading" animation, but the upload will be so fast >> that one won't be able to see the progress bar actually 'progressing'. I'd >> really appreciate a feedback on this topic from everyone >> >> Upload from URL >> >> The surveyee can give the URL of a document on the web, instead of uploading >> it off his own hard drive >> >> Uploaded files Gallery >> >> Once the files have been uploaded, the surveyee can preview all the uploaded >> files for that particular question, edit the file's meta-data, or even >> delete them. It will also have a submit button from where he can submit all >> the uploaded files for that particular question. >> >> While "1. Upload from Computer" has already been implemented, I'm working on >> the "2. Upload from URL" and "3. Uploaded files Gallery". >> >> The File Upload question in the survey will have a simple upload button. On >> clicking this button, the Advanced File Uploader will come up in a >> shadowbox. >> >> I'm maintaining a copy of this uploader at the following address: >> http://texens.5gigs.net/uploader/survey.php >> Please click on the Upload link on the page, and you'll be able to see the >> shadowbox and its contents, along with the tabs on the top. (No, they don't >> look like tabs because we don't have the tab button images yet.) >> >> We need to beautify this shadowbox. and I'd like to invite suggestions for >> designs from the Community for the same. I'm looking for the following >> things in particular: >> >> tab button images for the menu >> design of the "upload from computer" page and >> desing of the "gallery" page >> "upload" button image on the "upload from computer" page >> "submit" button on the "gallery"page. >> >> We can discuss the designs over this mailing list or the LimeSurvey support >> forum or you can catch me on freenode #limesurvey where I go by the nick >> texens. >> >> Looking forward to your feedback, >> Amit >> >> >> ------------------------------------------------------------------------------ >> >> >> _______________________________________________ >> limesurvey-developers mailing list >> lim...@li... >> https://lists.sourceforge.net/lists/listinfo/limesurvey-developers >> >> >> > ------------------------------------------------------------------------------ > > _______________________________________________ > limesurvey-developers mailing list > lim...@li... > https://lists.sourceforge.net/lists/listinfo/limesurvey-developers > > |