CodeThatMenu Borders and Shadows Example
![]()
var MenuDef = {
"type" : "bar",
"style" : {
"css" : "test1",
"bgcolor" : "#003882",
"box" : false,
"size" : [100, 20],
"itemoffset" : {
"y" : 5, "x" : 5
},
"align" : "right",
"direction" : "h",
"color" : "white"
},
"itemover" : {
"css" : "test1", "bgcolor" : "#458EEE", "align" : "middle",
"color" : "white"
},
"position" : {
"absolute" : false, "pos" : [30, 20]
},
"defaction" : {
"title" : "This is an action title"
},
"items" : [
{
"text" : "Borders",
"menu" : {
"style" : {
"bgcolor" : "#F3F3F3", "align" : "middle", "color" : "#555555",
"direction" : "v"
},
"position" : {
"menuoffset" : {
"x" : "-60", "y" : "22"
}
},
"items" : [
{
"text" : "No border"
},
{
"text" : "Thin border",
"style" :
{
"border" : {
"color" : "#003882", "width" : 1
}
}
},
{
"text" : "Thick border",
"style" :
{
"border" : {
"color" : "#003882", "width" : 3
}
}
} ]
}
},
{
"text" : "Shadows",
"menu" : {
"style" : {
"bgcolor" : "#F3F3F3", "align" : "middle", "color" : "#555555",
"direction" : "v"
},
"position" : {
"menuoffset" : {
"x" : "-60", "y" : "22"
}
},
"items" : [
{
"text" : "Blue Shadow",
"style" :
{
"shadow" : {
"color" : "#003882", "width" : 3
}
}
},
{
"text" : "Gray Shadow",
"style" :
{
"shadow" : {
"color" : "gray", "width" : 3
}
}
},
{
"text" : "Border&Shadow",
"style" :
{
"size" : [130, 20],
"border" : {
"color" : "#003882", "width" : 1
},
"shadow" : {
"color" : "gray", "width" : 2
}
}
},
{
"text" : "Thick Shadow",
"style" :
{
"shadow" : {
"color" : "gray", "width" : 5
}
}
} ]
}
} ]
};
|