已完成

New Project "Phoenix" - Item grid control

该项目成功由ElavantoIT ,以$200 USD的价钱在7 天内完成。

为像这样的项目获取免费报价
雇主工作
项目预算
$30 - $250 USD
完成于
7 天
全部竞标
23
项目描述

For our new project we need an item grid control. This control should be programmed in HTML5, CSS3, JavaScript

Example:

*Picture1*

In the above example from our present pos system, items are displayed as buttons in a 5x5 grid. The item description and if applicable, the item price, are displayed on the button. In case the item description is too long, it is automatically wrapped to the next line.

*Picture2*

In the above example from our present pos system, items are displayed as buttons in a 5x5 grid. The item description and if applicable, the item price, are displayed on the button. In case the item description is too long, it is automatically wrapped to the next line.

*Picture3*

It is also possible to change the shape of the button.

*Picture4*

By clicking on a button an event with a tag-value is triggered.

The control element must have the following characteristics:

- The item-buttons should be generated by a function and they should be consecutively displayed.

- The number of buttons displayed should be adjustable. It should be possible to have grids with different numbers of buttons, for example 3x4 or 1x4.

- A scroll or swipe function should be included to be used when the number of items exceeds the maximum number of buttons that can be displayed and it is necessary to display additional items.

- The design of the individual buttons should be modifiable. It should be possible to change the form and color of the buttons.

- The displayed text should automatically adjust to the button.

- Clicking on a button should trigger an event and pass a defined tag-value as argument.

- The entire control element should be responsive.

在寻找赚取金钱的机会?

  • 设定您的预算和时间框架
  • 大致描述您的建议方案
  • 为您的工作领取工资

雇用同样在该项目上竞标的威客

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online