TradeMy DashboardWine Portal

Elements Collection

Buttons Template

BUY
BUY
SELL
SELL
Special Condition
BUY NOW only ... Condition Item is BUY NOW only (but user can still switch to Bid for the same wine). The price showing is the current offer price.
SELL or OFFER ... Show the Highest Bid of this wine.
Disable
Disabled BUY or BID when a wine has no offer.
Disabled SELL or OFFER when a wine is not accepted for some reasons.
per bottle
6x750ml
MORE
More Offers
HKD 4865
6x750ml
HKD 4900
12x750ml
HKD 4920
6x750ml
per bottle
12x750ml
MORE
More Bids
HKD 4830
12x750ml
HKD 4820
12x750ml
HKD 4760
3x750ml
HKD 4700
6x750ml

Up & Down Text Colors and Arrows

up-green
HKD 1,500
down-red
HKD 1,500
up-red
HKD 1,500
down-green
HKD 1,500

Switch Buttons

EXCHANGE VIEW
OFFER LISTING
EXCHANGE VIEW
OFFER LISTING

Universal Pop-up Window

Universal Pop-up Window

Demo as below.
Press [ ESC ] to close.
You may write your own code to trigger the open ( hide/show ) of the div.upop element.

Open Pop-up Here

Typography & Elements

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H5 .h5-title
Heading H6
Heading H6
Text DGS
Red SP

Heading S

Heading S .sub

Heading S .sub-smaller

Heading S .smaller

Heading SS

Heading SS .sub

Heading SSC

Heading SSC .white

Heading Std

Heading S2

Text B LLL
Text B LL
Text B L
Text B
Text Normal
Text LL
Text L
Text DG
Text DGS
Note LGS
Text B LLL 500
Text B LL 500
Text B L 500
Text B 500
This is some text inside of a div block. Button Inline
You have changed your account email. Please check your inbox and verify the new email address. ResenD
750ml
750ml
9.2%
Best Vintage
Ship in 5-7 Wks
info
HK
HK
Filter
By
This explanation text will change according to the sorting option selected on the left.
Tippy Tooltips Demo
Div and Text, NOT Input Field
HKD
4,800
You are not the highest bid.

Other Elements

Input Field
HKD
You are not the highest bid.
Input Field, inside <form> tag
HKD
You are not the highest bid.

Dashboard Elements

Your Membership

TRADE MEMBER

Buyer Commission
4.5%
0%
Seller Commission
6%
4.5%
Min. Required Bid Deposit 20%
Active trader or private collector? Wine merchant? Please contact our Portfolio Manager.
Your Membership

PREMIUM

Buyer Commission
4.5%
Seller Commission
4.5%
Min. Required Bid Deposit 20%
Contact our Portfolio Manager to join BLACK membership for even more privileges. See details
Your Membership

BLACK

Buyer Commission
2.8%
Seller Commission
2.8%
Min. Required Bid Deposit 10%
As our top membership, you have the privilege to enjoy our exclusive data, top level services and priority support.
Your Membership

Merchant Client

Buyer Commission
2.8%
Seller Commission
2.8%
No Bid Deposit is required.
Trading Headroom: HKD 200,000
Learn More
Verified Merchant
Example of Custom Radio Buttons and Checkboxes

Switch OFF ( Checkbox )

Switch ON ( Checkbox )

Doughnut Pies created by ECharts
By Bottles
By Value
Total value
HKD 1,221,000
Performance
HKD 1,500
STOCKVINS Storage
191,000
HKD 1,500
Sha Tin Warehouse
191,000
HKD 4,800
Note: The above data summary are estimations for reference only.

Charts Demo

Trying to create some javascript charts using some common JS libraries. Just for reference.

Charts JS Libraries

Free or Open Source
Charts.js
Apache ECharts ( Pro )
ApexCharts

Pro Libraries
amCharts ( free if with watermark, not expensive )
FusionCharts
HighCharts

Embeddable BI Tools
Microsoft Power BI
Tableau

Trade Prices vs Market Average ( Charts.js )