MAppStyle

Flow Wiki

MAppStyle

• MComponentGroupState
  

  • FAccessProperty
    

• 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
  

  • MEnabled
    Disables inner clickable materials in most of the components
    

    • enabled : Transform<bool>
      

  • MFocusEnabled
    Enable or disable shortcuts and keys for focus, theme changer and feedback snapshots.
    

    • enabled : Transform<bool>
      

  • MClickEnabled
    Disable any mouse interaction without making component disabled
    

    • enabled : Transform<bool>
      

  • MKeysEnabled
    Disable any keyboard interaction without making component disabled
    

    • enabled : Transform<bool>
      

  • IScriptBehaviour
    

    • name : string
      
    • beh : DynamicBehaviour<flow>
      
    • type : IScriptRecordType
      

  • MFocusName
    

    • name : string
      

  • MActive
    

    • active : DynamicBehaviour<bool>
      

  • MChildActive
    Is there any child being focused, hovered or pressed (i.e. interacted by user)
    

    • active : DynamicBehaviour<bool>
      

  • MFocusId
    Set MFocus id which acts also as taborder inside parent MFocusGroup
    Components with same MFocusId inside same parent can cause problems
    

    • id : Transform<int>
      

  • MFocused
    Shows is this component focused
    Also allows to set focus
    

    • focused : DynamicBehaviour<bool>
      

  • IScriptId
    

    • id : string
      

  • IScriptRecordingEnabled
    

    • enabled : Transform<bool>
      

  • MFocusVertical
    Switch focus using up and down arrows
    

    • vertical : bool
      

  • MFocusHorizontal
    Switch focus using left and right arrows
    

    • horizontal : bool
      

  • MZorder
    

    • zorder : Transform<int>
      

  • MHintMarkerEnabled
    Shows pulsing circle around some clickable elements. The circle will disappear on hover or after click on the element.
    False by default.
    

    • enabled : Transform<bool>
      

  • MaterialTheme
    

    • palette : MaterialPalette
      
    • shape : MaterialShapeManager
      
    • type : MaterialFontManager
      
    • enableAnimations : bool
      
    • enableRipple : bool
      

  • MLightBackground
    Change material dark/light theme
    

    • light : bool
      

  • MGetParent
    

    • parent : DynamicBehaviour<Maybe<MFocusGroup>>
      

  • MSetParent
    

    • parent : Transform<Maybe<MFocusGroup>>
      

  • UpdateMaterialTheme
    Create new MaterialTheme from the parent's one
    

    • fn : (MaterialTheme) -> MaterialTheme
      

• SetRTL
  

  • MScrollInfo
    
    • position : DynamicBehaviour<Point>
      
    • contentWH : Transform<WidthHeight>
      
    • enabled : Transform<bool>
      
    • scrollToFocusEnabled : Transform<bool>
      

• THovering
  

• MNoScroll
  Do not add a scroller for the content area
  

• MSwipeLeft
  gapLength - distance from the left or right of the screen where swipe is enabled
  enabled - for swipe disabling in some cases (dialog or loading screens for example)
  

  • gapLength : Transform<double>
    
  • enabled : Transform<bool>
    

• MSwipeRight
  

  • gapLength : Transform<double>
    
  • enabled : Transform<bool>
    

• TScrollInspectVisible
  Provide insight into what is currently visible.
  

  • topleft : DynamicBehaviour<Point>
    
  • widthHeight : DynamicBehaviour<WidthHeight>
    

• MAppStructureFlexible
  Change sidenav position corresponding to available width
  MEnabled - turn this on or off (default: const(true))
  MShowExpander - should the expander toggle be visible when available width is more than required and sidenav is persistant (default: const(false))
  MShowToolbar - should the toolbar be visible when available width is more than required and sidenav is persistant (default: const(true))
  MWidth - required width to make sidenav persistent (default: 1296.)
  MPersistent - monitor current sidenav state based on available width
  It is advised to use default values
  

  • style : [ MAppStructureFlexibleStyle ]
    

• MFloatingToolbar
  Hides toolbar on scrolling down and shows it on scrolling up. Works only for mobile.
  

• MExtendedAppBar
  Extends toolbar by swiping down, when you are on the top of the screen. Default max height is 128.
  

  • style : [ MExtendedAppBarStyle ]
    

• MAppWH
  Size of the MAppStructure
  

  • wh : DynamicBehaviour<WidthHeight>
    

• MContentMaxWidth
  Specify max width of the MContent after which it's scaled up
  See MZoomMaxWidth for more info
  

  • maxWidth : Transform<double>
    

• MAppBarEnabled
  

  • enabled : Transform<bool>
    

• MAddSafeArea
  Adds safe area around app structure
  See MSafeArea for more info
  default: true
  

  • add : bool