jsGrid control button not show up

[daihanhle]

hello,

jsgrid control not show the icon

Regards,
DH

[daihanhle]

Any help ?
Thanks

[daihanhle]

For unknow reason when I use this the jsgrid icon is not show up

==============>
/* latin-ext /
@font-face {
font-family: 'Damion';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/damion/v15/hv-XlzJ3KEUe_YZkZGw2ATE.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/ latin /
@font-face {
font-family: 'Damion';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/damion/v15/hv-XlzJ3KEUe_YZkamw2.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/ cyrillic-ext /
@font-face {
font-family: 'Istok Web';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTvojGmgSyUukBzKslpC2t_xkI.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/ cyrillic /
@font-face {
font-family: 'Istok Web';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTvojGmgSyUukBzKslpAmt_xkI.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/ latin-ext /
@font-face {
font-family: 'Istok Web';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTvojGmgSyUukBzKslpCGt_xkI.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/ latin /
@font-face {
font-family: 'Istok Web';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTvojGmgSyUukBzKslpBmt_.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/ cyrillic-ext /
@font-face {
font-family: 'Istok Web';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTqojGmgSyUukBzKslhvU5q9GMVUBc.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/ cyrillic /
@font-face {
font-family: 'Istok Web';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTqojGmgSyUukBzKslhvU5q_WMVUBc.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/ latin-ext /
@font-face {
font-family: 'Istok Web';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTqojGmgSyUukBzKslhvU5q92MVUBc.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/ latin */
@font-face {
font-family: 'Istok Web';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/istokweb/v24/3qTqojGmgSyUukBzKslhvU5q-WMV.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext /
@font-face {
font-family: 'Clicker Script';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/clickerscript/v13/raxkHiKPvt8CMH6ZWP8PdlEq71rR0TukKQ.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/ latin /
@font-face {
font-family: 'Clicker Script';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/clickerscript/v13/raxkHiKPvt8CMH6ZWP8PdlEq71rf0Ts.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/ latin /
@font-face {
font-family: 'Finger Paint';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/fingerpaint/v19/0QInMXVJ-o-oRn_7dron8YW-9JzT.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/ latin-ext /
@font-face {
font-family: 'Oleo Script Swash Caps';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/oleoscriptswashcaps/v13/Noaj6Vb-w5SFbTTAsZP_7JkCS08K-jCzDn_HAXOkSL0H.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/ latin */
@font-face {
font-family: 'Oleo Script Swash Caps';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/oleoscriptswashcaps/v13/Noaj6Vb-w5SFbTTAsZP_7JkCS08K-jCzDn_HAX2kSA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
background: #eee;
font-family: sans-serif;
margin: 0;
padding: 0;
}

#uniform {
display:block;
text-align: right;
background: black;
color: white;
position: absolute;
bottom: 0;
height: 50px;
letter-spacing: 1px;
line-height: 50px;
font-size: 10px;
right: 0;
left: 0;
}
#uniform a {
color: white;
border: 1px solid white;
padding: 5px 7px;
border-radius: 2px;
text-decoration: none;
text-transform: uppercase;
height: 40px;
margin: 0 10px;
}
#uniform a:hover {
background: white;
color: black;
}

#center {
display:block;
position: absolute;
margin: auto;
top: 0;
bottom: 50px;
left: 0;
right: 0;
height: 163px;
width: 430px;
overflow: visible;
}

header {
font-family: Finger Paint;
font-size: 80px;
opacity: .85;
cursor: default;
margin-bottom: 15px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type="button"] {
/* border: 1px solid #0f988e; /
border: 1px solid #808080;
font-family: Istok Web;
letter-spacing: 1px;
padding: 0;
text-align: center;
width: 100px;
display: block;
height: 30px;
line-height: 30px;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
border-radius: 3px;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
top: -3px;
transform: translateY(0px);
position: relative;
/ box-shadow: inset 0 30px 30px -15px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.3), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #0f988e, 0 3px 2px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.1); /
box-shadow: inset 0 30px 30px -15px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.3), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #606060, 0 3px 2px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.1);
/ background: #15ccbe; /
background: #A0A0A0;
/ color: white; */
color: black;
text-shadow: 0 1px 0 rgba(0,0,0,.3);
transition: 150ms all;
-webkit-transition 150ms all;
-moz-transition: 150ms all;
-o-transition: 150ms all;
-ms-transition: 150ms all;
}

input[type="button"]:active {
transform: translateY(3px);
box-shadow: inset 0 16px 2px -15px rgba(0,0,0,0), inset 0 0 0 1px rgba(255,255,255,.15), inset 0 1px 20px rgba(0,0,0,.1), 0 0 0 #0f988e, 0 0 0 2px rgba(255,255,255,.5), 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
}

input[type="submit"] {
/* border: 1px solid #0f988e; /
border: 1px solid #606060;
font-family: Istok Web;
letter-spacing: 1px;
padding: 0;
text-align: center;
width: 100px;
display: block;
height: 30px;
line-height: 30px;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
border-radius: 3px;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
top: -3px;
transform: translateY(0px);
position: relative;
box-shadow: inset 0 30px 30px -15px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.3), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #808080, 0 3px 2px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.1);
background: #A0A0A0;
color: black;
/ box-shadow: inset 0 30px 30px -15px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.3), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #0f988e, 0 3px 2px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.1);
background: #15ccbe;
color: white; */
text-shadow: 0 1px 0 rgba(0,0,0,.3);
transition: 150ms all;
-webkit-transition 150ms all;
-moz-transition: 150ms all;
-o-transition: 150ms all;
-ms-transition: 150ms all;
}

input[type="submit"]:active {
transform: translateY(3px);
box-shadow: inset 0 16px 2px -15px rgba(0,0,0,0), inset 0 0 0 1px rgba(255,255,255,.15), inset 0 1px 20px rgba(0,0,0,.1), 0 0 0 #0f988e, 0 0 0 2px rgba(255,255,255,.5), 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);
}

input[type="button"][disabled] {
cursor: default;
background: #eee;
color: #bbb;
border-color: #bbb;
text-shadow: 0 1px 0 white;
box-shadow: inset 0 0 0 1px rgba(255,255,255,1), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #bbb, 0 0 0 1px white, 0 3px 0 1px white, 0 10px 20px rgba(0,0,0,0);
top: -3px;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}

input[type="button"][disabled]:active {
top: -2px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,1), inset 0 1px 20px rgba(0,0,0,0), 0 2px 0 #bbb, 0 0 0 1px white, 0 2px 0 1px white, 0 10px 20px rgba(0,0,0,0);
}