Skip to content

MDropDownStyle

Stanislav Podolia edited this page Jul 21, 2020 · 7 revisions

Flow Wiki

MDropDownStyle

  • MDropDownMenuStyle

    • MMenuStyle
      • MListStyle

        • MThemeColor

        • MSelectedColor

        • MBackgroundStyle
          Background style of the popup

        • MSelectedBackgroundStyle
          MSelectedX styles works only with MListSelection() state

        • MEmptyMessage
          When the list is empty, display this in the center

        • MListWidth
          If width < 0 list takes all available width
          (-1.0, -1.0 by default)

          • minWidth : double
          • maxWidth : double
        • MCondensed
          Style for slimmer rows (height = 32 dp)

          • condensed : bool
        • MAddSeparators
          Add shadow and separators.

        • MAddScroll
          If None(), creates TScrollInspectVisible by default.

          • scrollInpect : Maybe<TScrollInspectVisible>
        • MCollapseUnactive

        • MListMinimize

        • MListMinimizedWidth

          • width : double
        • MNoEllipsis
          72. by default

        • MSideBorders
          Add borders to left and right sides of each line (16.0 by default)

        • MPrimaryActionWidth
          Set width of each line`s primary action (72.0 by default)

      • MOnListClick

        • enabled : Transform<bool>
        • onClick : (int) -> void
      • MButtonState

  • AccessRole

  • AccessDescription

  • AccessKbdShortcutString

  • AccessSelectable

  • AccessCallback

  • AccessChildSelected

  • AccessFocused

  • AccessState

      		* **FAccessTabindex**<br />
      			* **tabindex** : [Transform](Transform)\<int\><br />
    
      		* **FAccessEnabled**<br />
      			* **enabled** : [Transform](Transform)\<bool\><br />
    
      		* **FAccessAttribute**<br />
      			* **name** : string<br />
      			* **value** : [Transform](Transform)\<string\><br />
    
      		* **FAccessStyle**<br />
      			* **name** : string<br />
      			* **value** : [Transform](Transform)\<string\><br />
    
      		* **FAccessTabOrder**<br />
      			* **tabOrder** : [Transform](Transform)\<\[ int \]\><br />
    
      		* **FAccessZorder**<br />
      			* **zOrder** : [Transform](Transform)\<int\><br />
    
      		* **FAccessVisible**<br />
      			* **visible** : [Transform](Transform)\<bool\><br />
    
  • TagName

  • LangAttribute

      	* **[MouseOnDownAroundState](MouseOnDownAroundState)**<br />
      		* **MOnClick**<br />
      			Only one type of MOnClick* is called when several conflicting styles are used.<br />
      			For example if button has MOnClick and MOnTripleClick, only MOnTripleClick on triple click.<br />
      			If click starts some async task, then consider to use MOnClickAsync instead<br />
      			* **click** : () -> void<br />
    
      		* **MOnMiddleClick**<br />
      			* **click** : () -> void<br />
    
      		* **MOnRightClick**<br />
      			* **click** : () -> void<br />
    
      		* **MMousePosition**<br />
      			Mouse coordinates inside component<br />
      			* **point** : DynamicBehaviour\<Point\><br />
    
      		* **MOnDoubleClick**<br />
      			* **click** : () -> void<br />
    
      		* **MOnTripleClick**<br />
      			* **click** : () -> void<br />
    
      		* **MOnClickAsync**<br />
      			Blocks button till the end of async action started by the click<br />
      			* **click** : (() -> void) -> void<br />
    
      		* **MOnLongClick**<br />
      			* **click** : () -> void<br />
    
      		* **MOnLongTouch**<br />
      			* **touch** : () -> void<br />
    
      		* **MLongTouchDelay**<br />
      			* **delay** : int<br />
    
      		* **MOnTouch**<br />
      			ms, 500 by default<br />
      			* **delay** : int<br />
      			* **touch** : () -> void<br />
    
      		* **MDisableHover**<br />
    
      		* **MInteractionId**<br />
      			Id used in manager.currentInteractionItemID<br />
      			* **id** : int<br />
    
      		* **MPassClicks**<br />
      			Pass clicks to elements below<br />
    
      		* **MAdditionalRollOutCheck**<br />
      			Additional check for roll out<br />
      			Useful in cases when your component translated to different point while mouse inside<br />
    
      		* **MMobileForceHover**<br />
      			Force hover on mobile<br />
    
  • TButtonState

      		* **MEnabled**<br />
      			Disables inner clickable materials in most of the components<br />
      			* **enabled** : [Transform](Transform)\<bool\><br />
    
      		* **MOnMouseDown**<br />
      			* **down** : (**point** : Point, **inside** : bool) -> void<br />
    
      		* **MOnMouseUp**<br />
      			* **up** : (**point** : Point, **inside** : bool) -> void<br />
    
      		* **MInteractionsOnTop**<br />
      			Move interactions on top of the component<br />
    
      		* **MRightDown**<br />
      			* **down** : DynamicBehaviour\<bool\><br />
    
      		* **MMiddleDown**<br />
      			* **down** : DynamicBehaviour\<bool\><br />
    
    
      	* **MFocusEnabled**<br />
      		Enable or disable shortcuts and keys for focus, theme changer and feedback snapshots.<br />
      		* **enabled** : [Transform](Transform)\<bool\><br />
    
      	* **MForceFocusEnabled**<br />
      		Force focus enabled<br />
      		* **enabled** : [Transform](Transform)\<bool\><br />
    
      	* **MFocusOnPrevious**<br />
      		Focus on previously focused item after focus is lost on current<br />
    
      	* **MShortcut**<br />
      		Keyboard shortcut to active the button<br />
      		* **shortcut** : string<br />
    
      	* **MShortcutKeyCodeComparison**<br />
      		Compare shortcuts by keycode instead of utf-8 character.<br />
    
      	* **MShortcutPreventDefault**<br />
      		Call preventDefault<br />
    
      	* **MDefaultShortcutEnabled**<br />
      		Enable default enter/space apply shortcut<br />
      		True by default<br />
      		* **enabled** : [Transform](Transform)\<bool\><br />
    
      	* **[MRippleStyle](MRippleStyle)**<br />
      		* **MRippleColor**<br />
      			Color of the ripple<br />
      			* **color** : [Transform](Transform)\<[MThemeColor](MThemeColor)\><br />
    
      		* **MRippleOpacity**<br />
      			Opacity of the ripple<br />
      			* **opacity** : [Transform](Transform)\<double\><br />
    
      		* **MRippleType**<br />
      			Inspector<br />
      			Type of the ripple animation<br />
      			* **type** : [Transform](Transform)\<[RippleType](RippleType)\><br />
    
      		* **MRipplePosition**<br />
      			Position of top left corner of the ripple<br />
      			* **position** : [Transform](Transform)\<Point\><br />
    
      		* **MRippleShape**<br />
      			* **component** : string<br />
    
      		* **MRippleOverlay**<br />
      			* **overlay** : bool<br />
    
      		* **MRippleWidthHeight**<br />
      			* **wh** : [Transform](Transform)\<WidthHeight\><br />
    
      		* **MRippleFocused**<br />
      			default: true<br />
      			* **focused** : [Transform](Transform)\<bool\><br />
    
      		* **MRippleHovered**<br />
      			* **hovered** : [Transform](Transform)\<bool\><br />
    
      		* **MRippleSelected**<br />
      			* **selected** : [Transform](Transform)\<bool\><br />
    
      		* **MEnabled**<br />
      			Disables inner clickable materials in most of the components<br />
      			* **enabled** : [Transform](Transform)\<bool\><br />
    
      		* **MRipplePercents**<br />
      			* **growth** : DynamicBehaviour\<double\><br />
      			* **fade** : DynamicBehaviour\<double\><br />
    
    
      	* **MFocusOnDown**<br />
      		Set focus to true on mouse down inside<br />
      		* **enabled** : ref bool<br />
    
      	* **MKeepFocusOnDown**<br />
      		Doen't drop focus on mouse down inside<br />
      		* **enabled** : ref bool<br />
    
      	* **MHighlightOnFocus**<br />
      		Add highlight if focused, selected or hovered<br />
      		* **enabled** : [Transform](Transform)\<bool\><br />
    
      	* **MHighlightOnHover**<br />
      		* **enabled** : [Transform](Transform)\<bool\><br />
    
      	* **MHighlightOnSelect**<br />
      		* **enabled** : [Transform](Transform)\<bool\><br />
    
      	* **MCursorShape**<br />
      		Shape of the cursor inside, disabled if MEnabled is disabled too<br />
      		* **shape** : [Transform](Transform)\<CursorShape\><br />
    
      	* **MClickEnabled**<br />
      		Disable any mouse interaction without making component disabled<br />
      		* **enabled** : [Transform](Transform)\<bool\><br />
    
      	* **MHoverEnabled**<br />
      		Disable hover<br />
      		* **enabled** : [Transform](Transform)\<bool\><br />
    
      	* **MShortcutFilter**<br />
      		Function to decide if shortcut should be handled or not<br />
      		* **filterFn** : (**focused** : bool, **keyEvent** : KeyEvent) -> bool<br />
    
      	* **MTooltipText**<br />
      		Simple tooltip<br />
      		* **text** : [Transform](Transform)\<string\><br />
    
      	* **MFocused**<br />
      		Shows is this component focused<br />
      		Also allows to set focus<br />
      		* **focused** : DynamicBehaviour\<bool\><br />
    
      	* **MSelected**<br />
      		* **selected** : DynamicBehaviour\<bool\><br />
    
      	* **MActive**<br />
      		* **active** : DynamicBehaviour\<bool\><br />
    
      	* **MKeepFocusOnClickOut**<br />
      		Keep focus on clicks outside this component<br />
    
      	* **IScriptBehaviour**<br />
      		* **name** : string<br />
      		* **beh** : DynamicBehaviour\<flow\><br />
      		* **type** : [IScriptRecordType](IScriptRecordType)<br />
    
      	* **IScriptId**<br />
      		* **id** : string<br />
    
      	* **IScriptRecordingEnabled**<br />
      		* **enabled** : [Transform](Transform)\<bool\><br />
    
      	* **MFocusId**<br />
      		Set MFocus id which acts also as taborder inside parent MFocusGroup<br />
      		Components with same MFocusId inside same parent can cause problems<br />
      		* **id** : [Transform](Transform)\<int\><br />
    
      	* **MAddFocusGroup**<br />
      		Wrap constructed MFocus and constructed content with MFocusGroup<br />
      		* **add** : bool<br />
    
      	* **MGetFocus**<br />
      		Get contructed inside the component MFocus<br />
      		* **getFn** : (MFocus) -> void<br />
    
      	* **MElevation**<br />
      		Elevation on focus (8. by default)<br />
      		* **elevation** : [Transform](Transform)\<double\><br />
    
      	* **MFocusName**<br />
      		* **name** : string<br />
    
      	* **MButtonTitle**<br />
      		* **title** : [Transform](Transform)\<string\><br />
    
      	* **MOnFocus**<br />
      		Called when component gets or loses focus<br />
      		* **onFocus** : (**focus** : bool) -> void<br />
    
    
      * **MMenuIndent**<br />
      	Adds indent to every menu item, even if it has no primary action.<br />
    
      * **MSingleSelection**<br />
      	Helpers for easier selection, for advanced stuff use MListSelection<br />
      	* **selected** : DynamicBehaviour\<int\><br />
    
      * **MDataTableFooter**<br />
    
      * **MDataTableRow**<br />
    
      * **MOpenMenu**<br />
      	* **opened** : DynamicBehaviour\<bool\><br />
    
      * **MMaxHeight**<br />
      	* **height** : double<br />
    
      * **MWidthByButton**<br />
    
      * **MBelowButton**<br />
    
      * **MWidth**<br />
      	* **width** : double<br />
    
      * **MSelectedAlwaysOnTop**<br />
      	* **emptySelection** : [MMenuLine](MMenuLine)<br />
    
      * **MMenuNonSpecifiedAlwaysOnTop**<br />
      	Intended for MDropDownMenu.<br />
      	* **emptySelection** : [MMenuLine](MMenuLine)<br />
    
      * **MShowTooltip**<br />
      	* **show** : [Transform](Transform)\<bool\><br />
    
      * **MCustomLineHeight**<br />
      	MNoFocus();<br />
      	* **height** : double<br />
    
      * **MOpenOnClick**<br />
      	Intended for MDropDownMenu<br />
    
      * **MMenuShift**<br />
      	* **shift** : [Transform](Transform)\<Point\><br />
    
      * **MFixPosition**<br />
      	Pin popup y coordinate : top or bottom.<br />
      	* **top** : bool<br />
    
      * **MCustomScale**<br />
      	* **factor** : [Transform](Transform)\<Factor\><br />
    
      * **MMenuCols**<br />
      	* **cols** : int<br />
    
      * **MLabel**<br />
      	Label in empty input<br />
      	* **label** : string<br />
    
      * **MLeftIcon**<br />
      	Left icon<br />
      	See MShowLeftButton for action button<br />
      	* **icon** : string<br />
      	* **style** : \[ [MIconStyle](MIconStyle) \]<br />
    
      * **MSameZorder**<br />
      	Don't change zorder on open menu<br />
      	* **same** : bool<br />
    
      * **MForceUpdate**<br />
      	if present we allow to update current by the same value (other words use `next` instead of `nextDistinct` inside)<br />
    
      * **MBlockClicks**<br />
      	Block clicks outside menu<br />
    
      * **MDropDownIconNearTitle**<br />
      	Intended for MDropDownMenu. Get rid of filler between title and icon.<br />
    
      * **MDropDownMenuIconBorders**<br />
      	* **borders** : MIconBorder4<br />
    
      * **MMenuLineBorders**<br />
      	Left/right borders<br />
      	* **borders** : double<br />
    
      * **MMenuScrollStyle**<br />
      	* **style** : \[ [MScrollStyle](MScrollStyle) \]<br />
    
    • MCustomButton

    • MDropDownMenuButtonBorder

      • border : double
    • MNonSpecified

    • MCroppedButton

    • MSeparators

      • separators : bool
    • MAddClearButton
      Adds an icon button, which sets current selection to non-specified (-1 for MDropDownMenu or [] for MMultiSelectDropDown).

    • MDropDownMenuDisabledOpacity

    • MNonSpecifiedAlwaysOnTop

    • MOutlined

  • MGroups
    Unclickable items: first parameter is id of item it should be displayed before, second is caption

    • groups : [ Pair<int, string> ]
  • MLeftDecorations
    Place next to item corresponding Material, length of extraItems should be equal length of items.

  • MRightDecorations

  • MDropDownBorder

    • left : double
    • top : double
    • right : double
    • bottom : double
Clone this wiki locally