ButtonItem properties

[ESherbakova]

We are trying to use isc.ButtonItem and encountered several limitations and/or non-working features.

1. hoverStyle, hoverWidth, and hoverHeight - not working?

Example:

isc.DynamicForm.create({
items: [
{
_constructor: "ButtonItem",
title: "test Button Item",
showTitle: "true",
prompt: "button prompt",
baseStyle: "exampleStyleInformal",
hoverStyle: "exampleStyleInformal",
hoverWidth: 300,
hoverHeight: 150
},
{
_constructor: "TextItem",
title: "test Text Item",
prompt: "text prompt",
baseStyle: "exampleStyleInformal",
hoverStyle: "exampleStyleInformal",
hoverWidth: 300,
hoverHeight: 150
}
]
})

where css style:
.exampleStyleInformal {
font-family: lucida handwriting,cursive;
font-size: 14px;
line-height: 22px;
color: midnightblue;
background-color: oldlace;
padding: 8px;
border: 2px solid midnightblue;
}

How come titles for two fields look different?


2. Title & showTitle: is there a way to display Title inside the button, but leave title line in front of it empty? If I set title property and showTitle to "true", then I see title inside and outside of the button. If I set showTitle to "false", then the title line outside of the button is fully removed. We need the empty title space for the proper alignment of fields.



3. iconHeight & iconWidth - not working as expected.
iconOrientation, iconSpacing - are there equivalents to these properties?

Example:
isc.StretchImgButton.create({
title: "Stretch Button",
icon: "http://www.conceptwave.com/wp-content/themes/Minimal-Updated/images/logo-new.png",
iconHeight: 50,
iconWidth: 100,
iconOrientation: "left",

width: 300,
height:300
}),
isc.DynamicForm.create({
top: 300,
items: [
{
_constructor: "ButtonItem",
title: "Button Item",
icon: "http://www.conceptwave.com/wp-content/themes/Minimal-Updated/images/logo-new.png",
iconHeight: 300,
iconWidth: 300,
iconOrientation: "right",
iconSpacing: 100,
width: 300,
height:300
}
]
});




4. Is there any way to support stretch images inside the ButtonItem?

[Isomorphic]

1, 3, 4: see docs for ButtonItem - a few properties are passed through to the created button, and buttonProperties and buttonConstructor can be used to customize it further.

2: do not set showTitle at all. The default behavior does what you're asking for.

[ESherbakova]

Thank you, I'll take a look in the near future. So far I wasn't able to make it work.