CK3 Better Traits UI with Scrollbox

## Traits
                    hbox = {
                        name = "tutorial_highlight_traits"
                        layoutpolicy_horizontal = expanding
                        margin_bottom = 2

                        widget = {
                            layoutpolicy_horizontal = expanding
                            size = { 0 55 }

                            hbox = {
                                name = "3_personality_traits"
                                visible = "[LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetPersonalityTraits), '(int32)3')]"

                                fixedgridbox = {
                                    name = "personality_traits"
                                    datamodel = "[CharacterWindow.GetPersonalityTraits]"
                                    flipdirection = yes
                                    addcolumn = 54
                                    addrow = 55
                                    maxhorizontalslots = 3

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 55 55 }
                                            }
                                        }
                                    }
                                }
                                #### Changed by Zing ####
                                # margin from 5 to 2
                                #################
                                hbox = {
                                    visible = "[Not(IsDataModelEmpty( CharacterWindow.GetTraits ))]"
                                    layoutpolicy_vertical = expanding
                                    margin = { 2 10 }

                                    divider_light = {
                                        layoutpolicy_vertical = expanding
                                    }
                                }

                                #### Changed by Zing ####
                                # Adjusted to fit 6 icons comfortably
                                #################
                                fixedgridbox = {
                                    name = "traits_big"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    visible = "[LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)6')]"
                                    flipdirection = yes
                                    addcolumn = 48
                                    addrow = 55
                                    maxhorizontalslots = 6
                                    maxverticalslots = 1

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 55 55 }
                                            }
                                        }
                                    }
                                }
                                #### Changed by Zing ####
                                # Slightly increased size of the icons to reduce wasted space
                                #################
                                fixedgridbox = {
                                    name = "traits_medium"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    visible = "[And(GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)6'), LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)7'))]"
                                    flipdirection = yes
                                    addcolumn = 41.2
                                    addrow = 54
                                    maxhorizontalslots = 7
                                    maxverticalslots = 1

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 50 50 }
                                            }

                                            blockoverride "glow_radius"
                                            {
                                                glow_radius = 4
                                            }
                                        }
                                    }
                                }

                                #### NEW by Zing ####
                                # 1 row 8 icons, smaller size to make transition to 10 icons more gradual
                                #############
                                fixedgridbox = {
                                    name = "traits_medium_8_icons_step"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    visible = "[And(GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)7'), LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)8'))]"
                                    flipdirection = yes
                                    addcolumn = 36.1
                                    addrow = 54
                                    maxhorizontalslots = 8
                                    maxverticalslots = 1

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 44 44 }
                                            }

                                            blockoverride "glow_radius"
                                            {
                                                glow_radius = 4
                                            }
                                        }
                                    }
                                }

                                #### NEW by Zing ####
                                # 1 row 9 icons, smaller size to make transition to 10 icons more gradual
                                #############
                                fixedgridbox = {
                                    name = "traits_medium_9_icons_step"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    visible = "[And(GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)8'), LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)9'))]"
                                    flipdirection = yes
                                    addcolumn = 32.2
                                    addrow = 54
                                    maxhorizontalslots = 9
                                    maxverticalslots = 1

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 39 39 }
                                            }

                                            blockoverride "glow_radius"
                                            {
                                                glow_radius = 3
                                            }
                                        }
                                    }
                                }

                                #### Changed by Zing ####
                                # 1 row 10 icons, made size of icons slightly bigger for better visibility and reduced space between them
                                #################
                                fixedgridbox = {
                                    name = "traits_small"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    visible = "[And(GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)9'), LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)10'))]"
                                    flipdirection = yes
                                    addcolumn = 29
                                    addrow = 54
                                    maxhorizontalslots = 10
                                    maxverticalslots = 1

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 35 35 }
                                            }

                                            blockoverride "glow_radius"
                                            {
                                                glow_radius = 2
                                            }
                                        }
                                    }
                                }

                                #### Changed by Zing ####
                                # 1 row 11 icons, made size of icons slightly bigger for better visibility and reduced space between them
                                #################
                                fixedgridbox = {
                                    name = "traits_small_last_step"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    visible = "[And(GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)10'), LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)11'))]"
                                    flipdirection = yes
                                    addcolumn = 26.3
                                    addrow = 54
                                    maxhorizontalslots = 11
                                    maxverticalslots = 1

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 32 32 }
                                            }

                                            blockoverride "glow_radius"
                                            {
                                                glow_radius = 2
                                            }
                                        }
                                    }
                                }

                                #### Changed by Zing ####
                                # added extra traits to fill out some of the blank spacethe space
                                # changed visibility condition to display this preset between 10 and 24 traits
                                # Now traits_tiny will display up to 24 traits at once
                                #################
                                fixedgridbox = {
                                    name = "traits_tiny"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    #visible = "[GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)10')]"
                                    visible = "[And(GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)11'), LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)22'))]"
                                    flipdirection = yes
                                    addcolumn = 26.5
                                    addrow = 27
                                    maxhorizontalslots = 11
                                    datamodel_wrap = 11
                                    maxverticalslots = 2

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 31 31 }
                                            }

                                            blockoverride "glow_radius"
                                            {
                                                glow_radius = 2
                                            }
                                        }
                                    }
                                }

                                #### Changed by Zing ####
                                # Adjusted scrollbox to fit 11 icons per row
                                # Fixed misaligned spaces and made it look overall nicer.
                                #################
                                scrollbox = {
                                    name = "traits_scroller_smoll"
                                    visible = "[GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)22')]"
                                    size = { 0 54 }
                                    layoutpolicy_vertical = fixed
                                    layoutpolicy_horizontal = expanding
                                    scrollbarpolicy_vertical = as_needed
                                    blockoverride "scrollbox_margins"
                                    {
                                        margin = { 0 0 }
                                        margin_right = 25
                                    }

                                    using = Animation_Tab_Switch
                                    blockoverride "scrollbox_content"
                                    {
                                        spacing = 2
                                        fixedgridbox = {
                                            name = "traits_tiny_showmoretraits_smoll"
                                            datamodel = "[CharacterWindow.GetTraits]"
                                            visible = "[GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)22')]"
                                            flipdirection = yes
                                            addcolumn = 25.5
                                            addrow = 27
                                            maxhorizontalslots = 11
                                            datamodel_wrap = 11

                                            item = {
                                                icon_trait = {
                                                    blockoverride "icon_size"
                                                    {
                                                        size = { 30 30 }
                                                    }

                                                    blockoverride "glow_radius"
                                                    {
                                                        glow_radius = 2
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }

                                expand = {}
                            }

                            hbox = {
                                name = "4_personality_traits"
                                visible = "[GreaterThan_int32(GetDataModelSize(CharacterWindow.GetPersonalityTraits), '(int32)3')]"

                                fixedgridbox = {
                                    name = "personality_traits"
                                    datamodel = "[CharacterWindow.GetPersonalityTraits]"
                                    flipdirection = yes
                                    addcolumn = 54
                                    addrow = 55
                                    maxhorizontalslots = 4

                                    item = {
                                            icon_trait = {
                                                blockoverride "icon_size"
                                                {
                                                    size = { 55 55 }
                                                }
                                        }
                                    }
                                }

                                #### Changed by Zing ####
                                # margin from 5 to 2
                                #################
                                hbox = {
                                    visible = "[Not(IsDataModelEmpty( CharacterWindow.GetTraits ))]"
                                    layoutpolicy_vertical = expanding
                                    margin = { 2 10 }

                                    divider_light = {
                                        layoutpolicy_vertical = expanding
                                    }
                                }

                                #### Changed by Zing ####
                                # maxhorizontalslots from 5 to 4, the extra slot did not appear to serve any purpose anyway
                                #################
                                fixedgridbox = {
                                    name = "traits_big"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    visible = "[LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)5')]"
                                    flipdirection = yes
                                    addcolumn = 46
                                    addrow = 54
                                    maxhorizontalslots = 5
                                    maxverticalslots = 1

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 55 55 }
                                            }
                                        }
                                    }
                                }

                                #### Changed by Zing ####
                                # REduced to fit 6 icons perfectly
                                #################
                                fixedgridbox = {
                                    name = "traits_medium"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    visible = "[And(GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)5'), LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)6'))]"
                                    flipdirection = yes
                                    addcolumn = 39
                                    addrow = 54
                                    maxhorizontalslots = 6
                                    maxverticalslots = 1

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 48 48 }
                                            }

                                                blockoverride "glow_radius"
                                                {
                                                    glow_radius = 4
                                            }
                                        }
                                    }
                                }

                                ### NEW ####
                                # 1 row 8 icons, smaller size to make transition to 10 icons more gradual
                                ###########
                                fixedgridbox = {
                                    name = "traits_medium_8_icons_step"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    visible = "[And(GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)6'), LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)8'))]"
                                    flipdirection = yes
                                    addcolumn = 29.4
                                    addrow = 52
                                    maxhorizontalslots = 8
                                    maxverticalslots = 1

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 37 37 }
                                            }

                                            blockoverride "glow_radius"
                                            {
                                                glow_radius = 3
                                            }
                                        }
                                    }
                                }

                                #### Changed by Zing ####
                                # Changed to fit 10 slightly smaller icons in one row
                                #################
                                fixedgridbox = {
                                    name = "traits_small"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    visible = "[And(GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)8'), LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)10'))]"
                                    flipdirection = yes
                                    addcolumn = 23.8
                                    addrow = 52
                                    maxhorizontalslots = 10
                                    maxverticalslots = 1

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 28 28 }
                                            }

                                                blockoverride "glow_radius"
                                                {
                                                    glow_radius = 2
                                            }
                                        }
                                    }
                                }

                                #### Changed by Zing ####
                                # added extra traits to make the row more compact, both rows row will display 10 traits each
                                # For a total of 20 traits at once
                                #################
                                fixedgridbox = {
                                    name = "traits_tiny"
                                    datamodel = "[CharacterWindow.GetTraits]"
                                    #visible = "[GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)8')]"
                                    visible = "[And(GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)10'), LessThanOrEqualTo_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)20'))]"
                                    flipdirection = yes
                                    addcolumn = 23.8
                                    addrow = 26
                                    maxhorizontalslots = 10
                                    datamodel_wrap = 10
                                    maxverticalslots = 2

                                    item = {
                                        icon_trait = {
                                            blockoverride "icon_size"
                                            {
                                                size = { 28 28 }
                                            }

                                            blockoverride "glow_radius"
                                            {
                                                glow_radius = 2
                                            }
                                        }
                                    }
                                }

                                #### Changed by Zing ####
                                # Fixed up scrollbox to be pretier
                                #################
                                scrollbox = {
                                    name = "traits_scroller"
                                    visible = "[GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)20')]"
                                    size = { 0 55 }
                                    layoutpolicy_vertical = fixed
                                    layoutpolicy_horizontal = expanding
                                    scrollbarpolicy_vertical = as_needed
                                    blockoverride "scrollbox_margins"
                                    {
                                        margin = { 0 0 }
                                        margin_right = 25
                                    }
                                    using = Animation_Tab_Switch
                                    blockoverride "scrollbox_content"
                                    {
                                        spacing = 2
                                        fixedgridbox = {
                                            name = "traits_tiny_showmoretraits"
                                            datamodel = "[CharacterWindow.GetTraits]"
                                            visible = "[GreaterThan_int32(GetDataModelSize(CharacterWindow.GetTraits), '(int32)20')]"
                                            flipdirection = yes
                                            addcolumn = 25
                                            addrow = 26
                                            maxhorizontalslots = 9
                                            datamodel_wrap = 9

                                            item = {
                                                icon_trait = {
                                                    blockoverride "icon_size"
                                                    {
                                                        size = { 30 30 }
                                                    }

                                                    blockoverride "glow_radius"
                                                    {
                                                    glow_radius = 2
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }

                                expand = {}
                            }
                        }

                        expand = {}
                    }