Created card layout
This commit is contained in:
xdrm-brackets
parent
b643c1f361
commit
3521f2e2a9
|
|
@ -52,6 +52,83 @@
|
||||||
</children>
|
</children>
|
||||||
</AnchorPane>
|
</AnchorPane>
|
||||||
<VBox id="submenu" fx:id="submenu" layoutX="234.0" layoutY="50.0" prefHeight="650.0" prefWidth="194.0" style="-fx-background-color: white;" AnchorPane.bottomAnchor="0.0" AnchorPane.topAnchor="50.0" />
|
<VBox id="submenu" fx:id="submenu" layoutX="234.0" layoutY="50.0" prefHeight="650.0" prefWidth="194.0" style="-fx-background-color: white;" AnchorPane.bottomAnchor="0.0" AnchorPane.topAnchor="50.0" />
|
||||||
<FlowPane id="container" fx:id="container" layoutX="421.0" layoutY="50.0" prefHeight="650.0" prefWidth="851.0" AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="50.0" />
|
<FlowPane id="container" fx:id="container" alignment="TOP_CENTER" columnHalignment="CENTER" layoutX="421.0" layoutY="50.0" prefHeight="650.0" prefWidth="851.0" rowValignment="TOP" AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="50.0">
|
||||||
|
<children>
|
||||||
|
<AnchorPane prefHeight="98.0" prefWidth="717.0" style="-fx-border-insets: 10; -fx-background-insets: 10; -fx-background-color: #fff; -fx-background-radius: 3; -fx-border-radius: 3; -fx-border-color: #ddd; -fx-padding: 10;">
|
||||||
|
<opaqueInsets>
|
||||||
|
<Insets />
|
||||||
|
</opaqueInsets>
|
||||||
|
<children>
|
||||||
|
<ImageView fitHeight="57.0" fitWidth="56.0" layoutX="31.0" layoutY="38.0" pickOnBounds="true" preserveRatio="true" AnchorPane.leftAnchor="20.0">
|
||||||
|
<image>
|
||||||
|
<Image url="@../src/menu_profile_1.png" />
|
||||||
|
</image>
|
||||||
|
</ImageView>
|
||||||
|
<Text layoutX="100.0" layoutY="37.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Some Article Title" AnchorPane.leftAnchor="100.0" AnchorPane.topAnchor="20.0">
|
||||||
|
<font>
|
||||||
|
<Font name="Lato Bold" size="17.0" />
|
||||||
|
</font>
|
||||||
|
</Text>
|
||||||
|
<Text fill="#808080" fontSmoothingType="LCD" layoutX="99.0" layoutY="61.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam posuere odio ut sem vestibulum, at tempus neque luctus. Curabitur quis tortor bibendum" wrappingWidth="600.0" AnchorPane.leftAnchor="100.0" AnchorPane.topAnchor="45.0">
|
||||||
|
<font>
|
||||||
|
<Font name="Lato Regular" size="12.0" />
|
||||||
|
</font>
|
||||||
|
</Text>
|
||||||
|
<Text fill="#757575" layoutX="611.0" layoutY="37.0" strokeType="OUTSIDE" strokeWidth="0.0" text="10 days ago" textAlignment="RIGHT" AnchorPane.rightAnchor="20.0" AnchorPane.topAnchor="20.0">
|
||||||
|
<font>
|
||||||
|
<Font name="Lato Bold" size="12.0" />
|
||||||
|
</font>
|
||||||
|
</Text>
|
||||||
|
<Pane layoutX="247.0" layoutY="23.0" prefHeight="16.0" prefWidth="64.0" style="-fx-background-color: #d84430; -fx-background-radius: 3;" AnchorPane.leftAnchor="247.0" AnchorPane.topAnchor="22.0">
|
||||||
|
<children>
|
||||||
|
<Text fill="WHITE" fontSmoothingType="LCD" layoutX="8.0" layoutY="12.0" strokeType="OUTSIDE" strokeWidth="0.0" text="science">
|
||||||
|
<font>
|
||||||
|
<Font name="Lato Regular" size="14.0" />
|
||||||
|
</font>
|
||||||
|
</Text>
|
||||||
|
</children>
|
||||||
|
</Pane>
|
||||||
|
</children>
|
||||||
|
</AnchorPane>
|
||||||
|
<AnchorPane layoutX="77.0" layoutY="10.0" prefHeight="98.0" prefWidth="717.0" style="-fx-border-insets: 10; -fx-background-insets: 10; -fx-background-color: #fff; -fx-background-radius: 3; -fx-border-radius: 3; -fx-border-color: #ddd; -fx-padding: 10;">
|
||||||
|
<opaqueInsets>
|
||||||
|
<Insets />
|
||||||
|
</opaqueInsets>
|
||||||
|
<children>
|
||||||
|
<ImageView fitHeight="57.0" fitWidth="56.0" layoutX="-28.0" layoutY="38.0" pickOnBounds="true" preserveRatio="true" AnchorPane.leftAnchor="20.0">
|
||||||
|
<image>
|
||||||
|
<Image url="@../src/menu_profile_1.png" />
|
||||||
|
</image>
|
||||||
|
</ImageView>
|
||||||
|
<Text layoutX="100.0" layoutY="37.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Some Article Title" AnchorPane.leftAnchor="100.0" AnchorPane.topAnchor="20.0">
|
||||||
|
<font>
|
||||||
|
<Font name="Lato Bold" size="17.0" />
|
||||||
|
</font>
|
||||||
|
</Text>
|
||||||
|
<Text fill="#808080" fontSmoothingType="LCD" layoutX="142.0" layoutY="61.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam posuere odio ut sem vestibulum, at tempus neque luctus. Curabitur quis tortor bibendum" wrappingWidth="600.0" AnchorPane.leftAnchor="100.0" AnchorPane.topAnchor="45.0">
|
||||||
|
<font>
|
||||||
|
<Font name="Lato Regular" size="12.0" />
|
||||||
|
</font>
|
||||||
|
</Text>
|
||||||
|
<Text fill="#757575" layoutX="611.0" layoutY="37.0" strokeType="OUTSIDE" strokeWidth="0.0" text="10 days ago" textAlignment="RIGHT" AnchorPane.rightAnchor="20.0" AnchorPane.topAnchor="20.0">
|
||||||
|
<font>
|
||||||
|
<Font name="Lato Bold" size="12.0" />
|
||||||
|
</font>
|
||||||
|
</Text>
|
||||||
|
<Pane layoutX="289.0" layoutY="64.0" prefHeight="16.0" prefWidth="56.0" style="-fx-background-color: #f8b02c; -fx-background-radius: 3;" AnchorPane.leftAnchor="247.0" AnchorPane.topAnchor="22.0">
|
||||||
|
<children>
|
||||||
|
<Text fill="WHITE" fontSmoothingType="LCD" layoutX="8.0" layoutY="12.0" strokeType="OUTSIDE" strokeWidth="0.0" text="nature">
|
||||||
|
<font>
|
||||||
|
<Font name="Lato Regular" size="14.0" />
|
||||||
|
</font>
|
||||||
|
</Text>
|
||||||
|
</children>
|
||||||
|
</Pane>
|
||||||
|
</children>
|
||||||
|
</AnchorPane>
|
||||||
|
</children>
|
||||||
|
<opaqueInsets>
|
||||||
|
<Insets />
|
||||||
|
</opaqueInsets></FlowPane>
|
||||||
</children>
|
</children>
|
||||||
</AnchorPane>
|
</AnchorPane>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue