Create gallery-component.yaml

Gallery/gallery-component.yaml

@@ -0,0 +1,61 @@
+- Gallery:
+    Control: Component
+    Properties:
+      data_table: =Table1s
+      Height: =302
+      Width: =App.Width
+    Children:
+    - Gallery4:
+        Control: Gallery
+        Variant: BrowseLayout_Horizontal_TwoTextOneImageVariant_ver5.0
+        Properties:
+          Items: =Gallery.data_table
+          DelayItemLoading: =true
+          Fill: =RGBA(241, 244, 249, 1)
+          Height: =302
+          LoadingSpinner: =LoadingSpinner.Data
+          ShowNavigation: =true
+          ShowScrollbar: =false
+          TemplatePadding: =0
+          TemplateSize: =220
+          Transition: =Transition.Pop
+          Width: =1366
+        Children:
+        - book_title:
+            Control: Label
+            Properties:
+              OnSelect: =Select(Parent)
+              Text: =ThisItem.Title
+              Align: =Align.Center
+              FontWeight: =If(ThisItem.IsSelected, FontWeight.Semibold, FontWeight.Normal)
+              Height: =42
+              PaddingBottom: =0
+              PaddingLeft: =0
+              PaddingRight: =0
+              PaddingTop: =0
+              VerticalAlign: =VerticalAlign.Top
+              Width: =217
+              X: =1
+              Y: =258
+        - book_image:
+            Control: Image
+            Properties:
+              OnSelect: =Select(Parent)
+              Image: =ThisItem.Cover_URL
+              Height: =224
+              ImagePosition: =ImagePosition.Fill
+              RadiusBottomLeft: =8
+              RadiusBottomRight: =8
+              RadiusTopLeft: =8
+              RadiusTopRight: =8
+              Width: =150
+              X: =(Parent.TemplateWidth / 2) - (Self.Width / 2)
+              Y: =16
+    CustomProperties:
+    - data_table:
+        Direction: Input
+        PropertyType: Data
+        DataType: Table
+        IsResettable: false
+        DisplayName: data_table
+        Description: A custom property