Create the Style for a Quotation Form

สถานะ: Closed
รางวัล: $200
ผลงานที่ได้รับ: 8
ผู้ชนะ: alalfakawma

Winner

รายละเอียดการประกวด

The purpose of this contest is to create the style for a quotation form. Using Cascading Style Sheets and JavaScript.

This includes creating, updating, reading, and deleting information on the page. You will keep the JSON data up to date, but are **NOT** responsible for any back-end or database activity.

You can find the prototype at http://json.invite-comm.jp
The final output is shown in the attached PDF.

I am not looking for a WYSIWYG clone of the final PDF output. But something that follows the general design. I would like to see clean inline inputs.

https://codepen.io/dileepnk/pen/NGWbog vs. https://codepen.io/poing/pen/PdOpjP

There are four (4) primary sections:

1. Header Information aka 'Company'
2. Install Information
3. Monthly Information
4. Notes

Most of the inputs are data entry. The header information is the simplest, it's static. Notes should be easy too, install and monthly have a few challenges to solve.

For the install and monthly information sections, the 'amount' is calculated on 'qty' and 'price. 'Amount' should not be editable, but updates onChange.

I want 'consumption tax' shown, but it SHOULD NOT actually be kept in the JSON. Which is in the current prototype.

The table items need the ability to add new rows, delete existing, and change the order.

I have created random JSON generators for each section, which return random data with each refresh. If you have any questions, please feel free to ask.

ทักษะแนะนำ

Winner

โพสต์การประกวดแบบนี้

คำติชมจากผู้ว่าจ้าง

“Provided the winning entry for a webpage style contest. Was very responsive to making changes to insure the page functioned as expected. Created a great style, voted best by my staff.”

blavallee, Japan.

ผลงานอันดับสูงสุดจากการประกวดนี้

alalfakawma India

0
ahmedElbohoty Egypt

0
laxmikw India

0
rakibullahsazib Bangladesh

1
apolloart2018 United States

0
laxmikw India

0

ดูรายการเพิ่มเติม

กระดานประกาศ

ahmedElbohoty
- 5 ปี ที่ผ่านมา
It was pleasure to participate in this contest and congratulations for winner .
I hope if you can rate my accouunt for my participating in this contest :))
- 5 ปี ที่ผ่านมา
ผู้จัดการประกวด
- 5 ปี ที่ผ่านมา
I would like to thank everyone for participating in the contest. My staff have narrowed it down to a few entries and the final decision will be made soon.
- 5 ปี ที่ผ่านมา
1. alalfakawma
  - 5 ปี ที่ผ่านมา
  It was a pleasure to participate in this contest, we look forward to more contests from you.
  - 5 ปี ที่ผ่านมา
apolloart2018
- 5 ปี ที่ผ่านมา
I believe my work would be interesting to you.
I will upload it in next 5 hours at maximum. Please wait.
Thanks
- 5 ปี ที่ผ่านมา
ผู้จัดการประกวด
- 5 ปี ที่ผ่านมา
I have received a number of great entries! Even have my own personal favorite. But the staff who will use the form get to make the final decision. The contest wil run to the end, submit your entries soon if you want constructive feedback.
- 5 ปี ที่ผ่านมา
apolloart2018
- 5 ปี ที่ผ่านมา
I see this contest will be open for one more week.
I'm working on it, it will be ready in 4 days.
Thanks
- 5 ปี ที่ผ่านมา
laxmikw
- 5 ปี ที่ผ่านมา
please recheck entry #9
- 5 ปี ที่ผ่านมา
hsashankar
- 5 ปี ที่ผ่านมา
Please hold. Working on it
- 5 ปี ที่ผ่านมา
gabdel1
- 5 ปี ที่ผ่านมา
Thank you for checking my entry again sir. I have reuploaded it.
- 5 ปี ที่ผ่านมา
ผู้จัดการประกวด
- 5 ปี ที่ผ่านมา
The random generated JSON now supports HTTPS. So you will not run into mixed content issues.
- 5 ปี ที่ผ่านมา
1. gabdel1
  - 5 ปี ที่ผ่านมา
  Kindly check entry #7 sir. Thank you
  - 5 ปี ที่ผ่านมา
2. gabdel1
  - 5 ปี ที่ผ่านมา
  Thank you for checking the entry again sir. I have reuploaded it
  - 5 ปี ที่ผ่านมา
laxmikw
- 5 ปี ที่ผ่านมา
hi sir,
please check entry #9 and give feedback. this has all features as per your guidence.
- 5 ปี ที่ผ่านมา
laxmikw
- 5 ปี ที่ผ่านมา
Hi sir,
- 5 ปี ที่ผ่านมา
ahmedElbohoty
- 5 ปี ที่ผ่านมา
Hi sir
do you want any change to be saved and wriiten in JSON file ?
- 5 ปี ที่ผ่านมา
gabdel1
- 5 ปี ที่ผ่านมา
Hello sir,
Kindly keep the contest up. I will be uploading my version in one day maximum.
- 5 ปี ที่ผ่านมา
alalfakawma
- 5 ปี ที่ผ่านมา
How to calculate consumption tax? Or is it fed into the system?
- 5 ปี ที่ผ่านมา
1. alalfakawma
  - 5 ปี ที่ผ่านมา
  Figured it out.
  - 5 ปี ที่ผ่านมา
alalfakawma
- 5 ปี ที่ผ่านมา
Can I use VueJS with Bulma CSS framework?
- 5 ปี ที่ผ่านมา
1. ผู้จัดการประกวด
  - 5 ปี ที่ผ่านมา
  Feel free to use any library or framework you're comfortable with.
  - 5 ปี ที่ผ่านมา
2. alalfakawma
  - 5 ปี ที่ผ่านมา
  Thank you, i've completed the header portion and the installation portion, i'll complete the other 2 portions and then send it here.
  - 5 ปี ที่ผ่านมา
rakibullahsazib
- 5 ปี ที่ผ่านมา
Does it need to be responsive for mobile devices?
- 5 ปี ที่ผ่านมา
1. ผู้จัดการประกวด
  - 5 ปี ที่ผ่านมา
  I knew I forgot to mention something. No, it does not need to be responsive. Just needs to work on a PC browser.
  - 5 ปี ที่ผ่านมา
2. ผู้จัดการประกวด
  - 5 ปี ที่ผ่านมา
  With that said... Even though it's unlikely to be accessed from a mobile device. Final judgement among the leading entries 'may' use mobile responsive behavior in the decision process.
  - 5 ปี ที่ผ่านมา
frediustcPro
- 5 ปี ที่ผ่านมา
Tell me if you want it as a form with generated input ?
- 5 ปี ที่ผ่านมา
1. ผู้จัดการประกวด
  - 5 ปี ที่ผ่านมา
  There will be a few generated items, primarily looking at 'sort order'. If you asking about selecting options from generated input, like Select2, that's for a future project.
  - 5 ปี ที่ผ่านมา
2. ผู้จัดการประกวด
  - 5 ปี ที่ผ่านมา
  It's not entirely clear, what you may mean about generated input. There are two objectives; creating a new data set and loading an existing data set for modification. Any modification would eventually be saved as a new data set, not planning to update a saved data set. Hope that helps.
  - 5 ปี ที่ผ่านมา
hsashankar
- 5 ปี ที่ผ่านมา
Kindly do not close the contest early. Working on it
- 5 ปี ที่ผ่านมา
1. ผู้จัดการประกวด
  - 5 ปี ที่ผ่านมา
  Don't worry! I intend to run this contest for the full duration. Giving everyone a chance to submit their work for consideration.
  - 5 ปี ที่ผ่านมา
frediustcPro
- 5 ปี ที่ผ่านมา
Can I build this with react.js? and tell me more about the structure you want for the interface. because by checking what you have showed in the codepen it will look like a wysiwyg clone :(.
- 5 ปี ที่ผ่านมา
1. ผู้จัดการประกวด
  - 5 ปี ที่ผ่านมา
  Sure, react.js or any other library would be accepted. Of course I am looking for something similar. I want it to be clean and condensed. Bootstrap card or datatables take up too much screen space.
  - 5 ปี ที่ผ่านมา