New Button

New Button

The Control

Category: SharePoint Controls Type: pf.RibbonButton
A button that provides “Create New List Item” functionality.

This control inherits properties and behavior from Ribbon Button control. The script that is pre-generated in the designer for the “OnClick” event, creates a new list item in the list/document library.





Actions

When the New Button Control is selected in the Central pane, the Actions section on the ribbon is updated to display the following items:
Decrease Size Decreases the size of the control.
Increase Size Increases the size of the control.
Move Down This action is applicable to controls that are immediate children of Container Controls. When pressed, it moves the selected control below its current position (shifting the below control above it).
Move Up This action is applicable to controls that are immediate children of Container Controls. When pressed, it moves the selected control above its current position (shifting the above control below it).
Convert To Changes the type of the selected control to another one maintaining all properties that are common to both Control Types (style, font, value, etc). Depending on the selected control type, different options are available. For example, the table container c

Events

Occurs when a control is clicked.
Args: (form: pf.Form, args: pf.IControlEventArgs)

Properties

Appearance

The background color of the control, when the specific control is active (enabled).
The font color of the control, when the specific control is active (enabled).
The CSS Clear Property specifies what elements can float beside the cleared element and on which side.
The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it.
Changes the font weight of the control, to either regular when not selected or bold when selected.
This font-style property allows you to make text appear italicized (i.e. sloped, or slanted)
Changes the font size of the control.
The text-align property specifies the horizontal alignment of the text displayed
Sets what will be displayed in a tooltip when the user hovers over the control.

Behavior

Specifies whether this control should be disabled when form is offline.
Specifies whether this control should be hidden when form is offline.
Sets the item visible or not during initialization

Content

This field can be used to enter html to draw your image, for example using svg or css icons.
The path of the image to be displayed.

Data Binding

This is a free text field, where one can enter comments or other notes. Comments are only visible in the designer.

Layout

Sets the margin applied to the control, that is, the spacing between the control and the cell borders.
Sets the maximum height.
Sets the maximum width.
Sets the minimum height.
Sets the minimum width.
Sets the padding of the control


Miscellaneous

Specify the conditions under which the control will be enabled/disabled.
Specify the conditions under which the control will be visible/hidden