Container Plus v2

Thanks! Please check the following:
Copyright (c) 2019 Axyn Technology (Ricardo Ruggiero)
All rights reserved.

This software is provided as is without any guarantees or warranty. In association with the product, Axyn Technology makes no warranties of any kind, either express or implied, including but not limited to warranties of merchantability, fitness for a particular purpose, of title, or of non-infringement of third party rights. Use of the product by a user is at the user’s risk. ALL SALES ARE FINAL.

NO REPRESENTATIONS OR WARRANTIES, EITHER EXPRESS OR IMPLIED, OF MERCHANTABILITY, FITNESS FOR A SPECIFIC PURPOSE, THE PRODUCTS TO WHICH THE INFORMATION MENTIONS MAY BE USED WITHOUT INFRINGING THE INTELLECTUAL PROPERTY RIGHTS OF OTHERS, OR OF ANY OTHER NATURE ARE MADE WITH RESPECT TO INFORMATION OR THE PRODUCT TO WHICH INFORMATION MENTIONS. IN NO CASE SHALL THE INFORMATION BE CONSIDERED A PART OF OUR TERMS AND CONDITIONS OF SALE.”
Requires UIkit3
CONTAINER PLUS
Advanced Container for UIKit3. Allow flexible control of the container width as well as precise horizontal placement.
Thanks! Please check the following:
Copyright (c) 2019 Axyn Technology (Ricardo Ruggiero)
All rights reserved.

This software is provided as is without any guarantees or warranty. In association with the product, Axyn Technology makes no warranties of any kind, either express or implied, including but not limited to warranties of merchantability, fitness for a particular purpose, of title, or of non-infringement of third party rights. Use of the product by a user is at the user’s risk. ALL SALES ARE FINAL.

NO REPRESENTATIONS OR WARRANTIES, EITHER EXPRESS OR IMPLIED, OF MERCHANTABILITY, FITNESS FOR A SPECIFIC PURPOSE, THE PRODUCTS TO WHICH THE INFORMATION MENTIONS MAY BE USED WITHOUT INFRINGING THE INTELLECTUAL PROPERTY RIGHTS OF OTHERS, OR OF ANY OTHER NATURE ARE MADE WITH RESPECT TO INFORMATION OR THE PRODUCT TO WHICH INFORMATION MENTIONS. IN NO CASE SHALL THE INFORMATION BE CONSIDERED A PART OF OUR TERMS AND CONDITIONS OF SALE.”
CONTAINER PLUS IS FLEXIBLE and LEAN
Advanced Container for UIKit3. Allow flexible control of the container width as well as precise horizontal placement, height control and vertical centering.

You may set it's placement and size horizontal, it's background, borders, cornets etc. It's reponsive and lightweight. This container is right justified and not using 100% of the width. Gradient is diagonal from top to bottom. Padding of 20px applied
Requirements:
Rapidweaver 8.x
Stacks 4.x or above from Yourhead Software
UIKit3 Framework Stacks from Archetypon

Container Plus Examples

Left Aligned

Container Plus example 1
Container width set to 70%, left aligned, with a left margin of 5px, padding set to 10px, gradient from top to bottom, filling 50% of the container with the first color.
Stacks Image 932

Right Aligned

Container Plus is flexible and lean
Corners rounded, no padding applied. Gradient background starting from the bottom.
Stacks Image 1163
Stacks Image 954

BLENDED BACKGROUND IMAGE, CONTENT CENTERED VERTICALLY AND RIGHT JUSTIFIED, FANCY CORNERS.

Stacks Image 1291
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

VERTICAL CENTERING W/ ANIMATED BACKGROUND COLOR, CONTENT CENTERED, FANCY CORNERS.

Stacks Image 1201
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

WITH FIXED BACKGROUND IMAGE, CONTENT V/H CENTERED AND COLOR BG OUTER DIV

Stacks Image 1129
EXCEPT for the content, then this entire layout is done with the CONTAINER PLUS STACK. The blue background, the fixed images, the container size, position, corners etc.
The content of the inside of the container plus stack is a compost of a grid, with image and text stacks.
Stacks Image 12
© Copyright 2018-2019 - All rights reserved.

This website uses cookies. By continuing to browse the website you agree to our terms & conditions and to our privacy policy.