<< 点击显示目录 >> 主页  mappView帮助助手 > mapp View帮助信息 > Widgets  > Containers  > FlyOut  > Concept

This section contains additional information about the concept of widget "FlyOut".

Styling the button

"FlyOut" contains properties that can be used to style the widget's button. The button in widget "FlyOut" is widget "ToggleButton".

Specifying an image without text:

If the button should show an image but no text, then a path to the desired image must be specified for property image; the default value of property text must be removed. In addition, properties imageWidth, imageHeight and imageColor can be used to modify the appearance of the image.

Changing the button style

Properties such as buttonBackColor and buttonBorderWidth can be used to modify the styleable properties of the button directly on widget "FlyOut". These properties do not exist for all available styleable properties of the button, however. If additional available styleable properties of the button should be modified, an existing or new style can be applied to widget "ToggleButton" using flyout property buttonStyle.

Example:

<Style xsi:type="widgets.brease.ToggleButton" id="styled"
  checkedImageColor='rgba(192, 0, 0, 1)'
  rotation='6deg'
  shadow='10px 2px 5px 5px #FF8800'
  textColor='rgba(192, 0, 0, 1)'
  bold='true'
  disabledBackGroundGradient='linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(234,234,234,1) 62%,rgba(218,218,218,1) 100%,rgba(239,239,239,1) 100%)'
/>

Which styleable properties can be defined by which widget style is explained here:

X= Not available for the button in widget "FlyOut"