Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions .github/.styles/Blog/Truncate.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
extends: occurrence
message: "Blogs need at least one truncation (<!-- truncate -->) marker."
level: error
min: 1
max: 1
scope: raw
token: '<!-- truncate -->'
3 changes: 2 additions & 1 deletion .vale.ini
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,11 @@ MinAlertLevel = suggestion
Packages = Google

[**/blog/**/*.md]
BasedOnStyles = Google, webforJ
BasedOnStyles = Google, webforJ, Blog
Google.FirstPerson = NO
Google.We = NO
Google.Exclamation = NO
Blog.Truncate = YES

[*.{md,txt}]
BasedOnStyles = Google, webforJ
Expand Down
2 changes: 2 additions & 0 deletions docs/blog/2025-10-23-flexlayout-items/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@ The webforJ [`FlexLayout`](https://docs.webforj.com/docs/components/flex-layout)
For an introduction, see the first part of this series, [FlexWrap your mind around webforJ's FlexLayout](/blog/2025/08/26/flexlayout-container), in which I discuss the general benefits of the webforJ FlexLayout component and the methods that modify the flex container.
In this article, I'll dive into the flex items inside the container to see how you can further customize the behavior of your layout.

<!-- truncate -->

## Flex item basics
The components that you add to a FlexLayout are considered to be "flex items," and you can set different properties on these items to affect the way they behave within the layout.
In CSS, this means setting certain flex-related properties on the flex item.
Expand Down