Pipeworks | New-Region

New-Region

Creates a new web region. Web regions are lightweight HTML controls that help you create web pages.

Getting Started
Play with Pipeworks
Connecting the Clouds
Join Windows and Web

New-Region (View Source)

Creates a new web region.

Creates a new web region. Web regions are lightweight HTML controls that help you create web pages.

AsAccordian

If set, will create the region as an JQueryUI Accordion.

AsButton

If set, the layer will be created as set of Bootstrap buttons

AsCarousel

If set, the layer will be created as a Bootstrap carousel

AsColumn

If set, the content will be displayed as a series of columns

AsDraggable

If set, will create the layer as a series of draggable items

AsFeaturette

If set, the layer will be created as a Bootstrap featurette

AsGrid

If set, the layer will be created as a grid

AsHangingSpan

If set, the layer will be created as pair of Bootstrap rows, with content expanding down in the right half of the grid.

AsHeadline

If set, the layer will be created as set of Bootstrap headlines

AsLeftSidebarMenu

If set, the layer will be created as a left sidebar menu

AsMenu

If set, the layer will be created as a menu

AsNavbar

If set, the layer will be created as a Bootstrap navbar menu

AsNewspaper

If set, the layer will be created as a newspaper

AsPopdown

If set, will create a set of popdown regions. As region is clicked, the underlying content will be shown below.

AsPopIn

If set, will create a set of popdown regions. As region is clicked, the underlying content will be shown below.

AsPopout

If set, will create a set of popout regions. When the tile of each layer is clicked, the layer will be shown.

AsPopup

If set, will create a set of JQueryUI buttons which popup JQueryUI dialogs

AsPortlet

If set, the layer will be created as a portlet

AsResizable

If set, will create the layer as a series of resizable items

AsRightSidebarMenu

If set, the layer will be created as a right sidebar menu

AsRow

If set, the layer will be created as a Bootstrap row

AsSlideShow

If set, will create a slide of the layers. If a layer title is clicked, the slideshow will stop

AsTab

If set, will create the region as an JQueryUI Tab.

AsTree

If set, the content will be displayed as a tree

AsVectorLayout

If set, will use a vector (%percentage based layout) for the region.

AsWidget

If set, will create a set of JQueryUI simple widgets

AutoSwitch

If set, will automatically switch the contents on an interval

Border

The border for the region. Becomes the CSS border attribute of the main container

BottomMargin

The percentage margin on the bottom. The region will appear this % distance from the bottom of the screen, regardless of resolution

CanDrag

If set, the entire container can be dragged

CanPan

If set, enables a pan effect within the layers

Content

The content within the region. This content will be placed on an unnamed layer.

Default

The default layer. If this is not set and if -DefaultToFirst is not set, a layer will be randomly chosen.

DefaultToFirst

The default layer. If this is not set and if -DefaultToFirst is not set, a layer will be randomly chosen.

DisableLayerSwitcher

If set, will not allow the contents of the layer to be switched

FixedSize

If set, the layer will not be automatically resized, and percentage based margins will be ignored

HideDirectionButton

If set, hides the forward and back buttons

HideSlideNameButton

If set, will hide the slide name buttons (effectively creating an endless slideshow)

HorizontalRuleUnderTitle

If set, shows a horizontal rule under the title

IsStaticRegion

If set, the region will have any commands to change its content, and will only have one layer

ItemType

One or more item types to apply to the region. If set, an itemscope and itemtype will be added to the region

KeyFrameCount

The number of keyframes in all transitions

LayerID

The Name of the the container. The names becomes the HTML element ID of the root container.

LayerUrl

A set of layer names and layer URLs. Any time the layer is brought up, the content will be loaded via AJAX

LeftMargin

The percentage margin on the left. The region will appear this % distance from the side of the screen, regardless of resolution

Logo

URL for a logo to go on the title of each page

NewspaperColumn

The width of the columns in the newspaper

NewspaperHeadingAlignment

The alignment used for the heading in a newspaper

NotRequestAware

If set, the control will not be aware of the web request string. Otherwise, a URL can provide which layer of a region to show.

OpenOnMouseOver

If set, will open the tabs on a mouseover event

Order

The order the layers should appear. If this is not set, the order will be the alphabetized list of layer names.

RightMargin

The percentage margin on the right. The region will appear this % distance from the side of the screen, regardless of resolution

ScrollSpeed

The scroll speed (when on iOs or webkit)

ShowLayerTitle

If set, will show large item titles for items in the carousel

SidebarWidth

The width of a sidebar in a left or right sidebar menu

SpanButtonSize

The size (in Bootstrap spans) of the buttons used in -AsHangingSpan. The size of the hanging area will be the remainder of the 12 span grid, with one span reserved for offset

TabBelow

If set, the JQueryUI tab will appear below the content, instead of above

TopMargin

The percentage margin on the top. The region will appear this % distance from the top of the screen, regardless of resolution

TransitionTime

The transition time for all fade effects. Defaults to 200ms

UnderlineNewspaperHeadline

If set, the newspaper headline buttons will be underlined

UseButtonForNewspaperHeadline

If set, newspaper headlines will be displayed as buttons

UseDotInsteadOfName

If set, will use a middot instead of a slide name for a slideshow button.

Example 1

----------------------- EXAMPLE 1 -------------------------- PS C:\># Makes a JQueryUI tab New-Region -Layer @{ "Tab1" = "Content In Tab One" "Tab2" = "Content in Tab Two" } -AsTab

----------------------- EXAMPLE 2 -------------------------- PS C:\># Makes a JQueryUI accordian New-Region -Layer @{ "Accordian1" = "Content In The first Accordian" "Accordian1" = "Content in the second Accordian" } -AsAccordian

Example 3

----------------------- EXAMPLE 3 -------------------------- PS C:\># Makes an empty region New-Region -Style @{} -Content "My Layer" -LayerID MyId

Example 4

----------------------- EXAMPLE 4 -------------------------- PS C:\># A Centered Region containing Microdata New-Region -ItemType http://schema.org/Event -Style @{ 'margin-left' = '7.5%' 'margin-right' = '7.5%' } -Content ' NBA Eastern Conference First Round Playoff Tickets: Miami Heat at Philadelphia 76ers - Game 3 (Home Game 1) Thu, 04/21/16 8:00 p.m.

Wells Fargo Center

Philadelphia, PA

Priced from: $35 1938 tickets left

Provided By

Powered With