diff --git a/docs/components/user-interface/button.md b/docs/components/user-interface/button.md index 76619867c..e29aaebcb 100644 --- a/docs/components/user-interface/button.md +++ b/docs/components/user-interface/button.md @@ -59,7 +59,7 @@ Perform a button click as function. ### Set Animation Style -Allows you to set animation style. Valid (case-insensitive) values are: ChasingDots, Circle, CubeGrid, DoubleBounce, FadingCircle, FoldingCube, Pulse, RotatingCircle, RotatingPlane, ThreeBounce, WanderingCubes, Wave. If invalid style is used, animation will be removed.Position can be: top, left, right, bottom. Size can be 100. +Allows you to set animation style. Valid (case-insensitive) values for style are: ChasingDots, Circle, CubeGrid, DoubleBounce, FadingCircle, FoldingCube, Pulse, RotatingCircle, RotatingPlane, ThreeBounce, WanderingCubes, Wave. If invalid style is used, animation will be removed. Position can be: top, left, right, bottom. Size can be 100.
@@ -72,7 +72,7 @@ Allows you to set animation style. Valid (case-insensitive) values are: ChasingD ### Set Shadow -Place a blurred shadow of text underneath the text, drawn with the specified x, y, radius, color (e.g. -11, 12, 13, black. +Place a blurred shadow of text underneath the text, drawn with the specified x, y, radius, color (e.g. -11, 12, 13, black.) @@ -85,7 +85,7 @@ Place a blurred shadow of text underneath the text, drawn with the specified x, ### With Icon From Font Awesome -Show an image on the given position near to the button. You can use following words for the position: 'Left', 'Right', 'Top' or 'Bottom'. Use the padding to add space between the icon and text. Use a material icon as the button icon without uploading a image resource into your project. You can find the icon name (or code) here at https://fontawesome.com/cheatsheet Use as example for a heart icon just 'f004'. +Show an image on the given position near to the button. You can use following words for the position: 'Left', 'Right', 'Top' or 'Bottom'. Use the padding to add space between the icon and text. Use a Font Awesome icon as the button icon without uploading an image resource into your project. You can find the icon name (or code) here at https://fontawesome.com/cheatsheet Use as example for a heart icon just 'f004'. @@ -99,7 +99,7 @@ Show an image on the given position near to the button. You can use following wo ### With Icon From Material Font -Show an image on the given position near to the button. You can use following words for the position: 'Left', 'Right', 'Top' or 'Bottom'. Use the padding to add space between the icon and text. Use a material icon as the button icon without uploading a image resource into your project. You can find the icon name (or code) here at https://material.io/icons +Show an image on the given position near to the button. You can use following words for the position: 'Left', 'Right', 'Top' or 'Bottom'. Use the padding to add space between the icon and text. Use a material icon as the button icon without uploading an image resource into your project. You can find the icon name (or code) here at https://fonts.google.com/icons?selected=Material+Icons @@ -148,7 +148,7 @@ Returns true if the button have a outside border shadow on click. Boolean Default: True :heavy_minus_sign: Read Write - Designer Blocks -If set, user can tap check box to cause action. +If set, user can tap the button to perform action. @@ -166,7 +166,7 @@ If set, button text is displayed in bold. Boolean Default: False :heavy_minus_sign: Read Write - Designer Blocks -If set, button text is displayed in italics. +If set, button text is displayed in italic. @@ -192,7 +192,7 @@ Font family for button text. Text :heavy_minus_sign: Write - Designer Blocks -Set a custom font. +Set a custom font for button text. @@ -200,7 +200,7 @@ Set a custom font. Number :heavy_minus_sign: Read Write - Blocks -Specifies the component's vertical height, measured in pixels. +Specifies the component's vertical height, measured in pixels. Use -1 for automatic height and -2 for fill parent. @@ -209,7 +209,7 @@ Specifies the component's vertical height, measured in pixels. Number :heavy_minus_sign: Write - Blocks -Specifies the component's vertical height as a percentageof the height of its parent Component. +Specifies the component's vertical height as a percentage of the height of its parent Component. @@ -219,7 +219,7 @@ Specifies the component's vertical height as a percentageof the height of its pa Boolean Default: False :heavy_minus_sign: Write - Designer -If true, then this button will show html text else it will show plain text. Note: Not all HTML is supported. +If true, then the button will show html text else it will show plain text. Note: Not all HTML is supported. ### Image @@ -245,7 +245,7 @@ Sets the degrees that the button is rotated around the pivot point. Increasing v Number Default: 0 :heavy_minus_sign: Write - Designer -Specifies the button's shape (default, rounded, rectangular, oval). The shape will not be visible if an Image is being displayed. +Specifies the button's shape (default, rounded, rectangular, oval). Note: The shape will not be visible if an image is being displayed. ### Show Feedback @@ -271,7 +271,7 @@ Text to display on button. Number Default: 1 :heavy_minus_sign: Write - Designer -Left, center, or right. +Alignment for button text. Left, center, or right. ### Text Color @@ -297,7 +297,7 @@ Set the buttons touch color. Boolean Default: True :heavy_minus_sign: Read Write - Designer Blocks -Returns true iff the component is visible. +Returns true if the component is visible. @@ -306,7 +306,7 @@ Returns true iff the component is visible. Number :heavy_minus_sign: Read Write - Blocks -Specifies the component's horizontal width, measured in pixels. +Specifies the component's horizontal width, measured in pixels. Use -1 for automatic width and -2 for fill parent. @@ -315,6 +315,6 @@ Specifies the component's horizontal width, measured in pixels. Number :heavy_minus_sign: Write - Blocks -Specifies the component's horizontal width as a percentageof the Width of its parent Component. +Specifies the component's horizontal width as a percentage of the Width of its parent Component. diff --git a/docs/components/user-interface/floating-action-button.md b/docs/components/user-interface/floating-action-button.md index 772943f14..9a5fd44d7 100644 --- a/docs/components/user-interface/floating-action-button.md +++ b/docs/components/user-interface/floating-action-button.md @@ -8,20 +8,20 @@ ## Overview -A non-visible component that is used to create Floating Action Buttons. +A non-visible component that is used to create Floating Action Buttons (FAB). Floating Action Buttons are used to indicate the primary action of the screen. ## Events ### Click -Event to detect that the fab button was clicked. +Event to detect that the FAB was clicked. ### Long Click -Event to detect that the fab button was long clicked. +Event to detect that the FAB was long clicked. @@ -29,7 +29,7 @@ Event to detect that the fab button was long clicked. ### Hide -Hides the fab button. +Hides the FAB. @@ -41,13 +41,13 @@ Hides text message. ### Show -Shows the fab button. +Shows the FAB. ### Show Label -Show a new text message near to the fab with the given properties. You can do the changes with the properties in the advanded category. +Show a new text message near to the FAB with the given properties. You can do the changes with the properties in the advanced category. @@ -63,12 +63,12 @@ Starts a rotation animation. You can use the 'Rotation Duration','Rotation Start Color Default: #2196F2FF :heavy_minus_sign: Read Write - Designer Blocks -Returns the fab's background color. +Returns the FAB's background color. -### Call Fab Click Event When Label Clicked +### Call FAB Click Event When Label Clicked Available as ^^Advanced^^ Property @@ -79,7 +79,7 @@ If true the FAB click listener will be invoked on a text message click. -### Call Fab Long Click Event When Label Long Clicked +### Call FAB Long Click Event When Label Long Clicked Available as ^^Advanced^^ Property @@ -185,7 +185,7 @@ Set the text message color. Number Default: 16 :heavy_minus_sign: Read Write - Designer Blocks -Returns the fab's bottom margin. +Returns the FAB's bottom margin. @@ -194,7 +194,7 @@ Returns the fab's bottom margin. Number Default: 16 :heavy_minus_sign: Read Write - Designer Blocks -Returns right margin +Returns the FAB's right margin. @@ -203,7 +203,7 @@ Returns right margin Text Default: add :heavy_minus_sign: Read Write - Designer Blocks -Use a material icon for the fab without uploading a image resource into your project. You can find the icon name (or code) here at https://material.io/icons +Use a material icon for the FAB without uploading an image resource into your project. You can find the icon name (or code) here at https://fonts.google.com/icons?selected=Material+Icons @@ -214,7 +214,7 @@ Use a material icon for the fab without uploading a image resource into your pro Color Default: #FFFFFFFF :heavy_minus_sign: Read Write - Designer Blocks -Returns the fab's ripple color. +Returns the FAB's ripple color. @@ -225,7 +225,7 @@ Returns the fab's ripple color. Boolean Default: True :heavy_minus_sign: Read Write - Designer Blocks -Returns true if the fab will rotate on click. +Returns true if the FAB will rotate on click. @@ -236,7 +236,7 @@ Returns true if the fab will rotate on click. Number Default: 300 :heavy_minus_sign: Read Write - Designer Blocks -Returns the fab's rotation duration in milliseconds. +Returns the FAB's rotation duration in milliseconds. @@ -247,7 +247,7 @@ Returns the fab's rotation duration in milliseconds. Number Default: 360 :heavy_minus_sign: Read Write - Designer Blocks -Returns the fab's rotation end degrees. +Returns the FAB's rotation end degrees. @@ -258,7 +258,7 @@ Returns the fab's rotation end degrees. Number Default: 0 :heavy_minus_sign: Read Write - Designer Blocks -Returns the fab's rotation start degrees. +Returns the FAB's rotation start degrees. @@ -269,7 +269,7 @@ Returns the fab's rotation start degrees. Boolean Default: True :heavy_minus_sign: Read Write - Designer Blocks -Set the text message to the left side of the floating button. If false the text will be on the right side. +Set the text message to the left side of the FAB. If false then the text message will be on right side. @@ -278,7 +278,7 @@ Set the text message to the left side of the floating button. If false the text Number Default: 1 :heavy_minus_sign: Read Write - Designer Blocks -Sets the size of the button. Use '1' for normal, '2' for mini or '3' for auto size based on the screen size. +Sets the size of the FAB. Use '1' for normal, '2' for mini or '3' for auto size based on the screen size. @@ -287,7 +287,7 @@ Sets the size of the button. Use '1' for normal, '2' for mini or '3' for auto si Boolean Default: True :heavy_minus_sign: Read Write - Designer Blocks -Returns true if the fab button is visible. +Returns true if the FAB is visible.