After migration to 0.19.0, CssStyle is forcing place items attribute

[sunildhiman90]

AFter i migrated my simple project to kobweb 0.19.0 and kotlin to 2.0.10
using ./gradlew kobwebMigrateToK2
and ../gradlew kobwebMigrateToCssStyle

Then my some styles are forcefully adding this class while im inspecting the html in browser
.kobweb-box.kobweb-align-top-start
and even after i added

.placeItems(
                alignItems = com.varabyte.kobweb.compose.css.AlignItems.Center,
                justifyItems = JustifyItems.Center
            )

But still its using that one forcefully and not allowing me to override that by .placeItems in CssStyle

How to fix this issue? Thnx

If relevant, specify:

• OS: mac
• Kobweb libs version: 0.19.0

[bitspittle]

Check the alignment parameter

kobweb/frontend/kobweb-compose/src/jsMain/kotlin/com/varabyte/kobweb/compose/foundation/layout/Box.kt

Line 43 in 514b883

contentAlignment: Alignment = Alignment.TopStart,

And set it to FromStyle:

kobweb/frontend/kobweb-compose/src/jsMain/kotlin/com/varabyte/kobweb/compose/ui/Alignment.kt

Line 47 in 514b883

object FromStyle : Alignment, Horizontal, Vertical

Alternatively, use a Div and not a Box. Let me know if neither of those approaches worked.

[sunildhiman90]

Ok Thnx, and i understand you will be busy with that roadmap. One last question, as u said people might be doing this stuff themselves, so do u have any reference or anyone who have done the similar thing becoz that can save me some time atleast , otherwise i will see whenever gets some time, i will explore that topic in reference of kobweb. And also being the author of this framework, do you have some suggestion for me if i try to do it myself sometime. Any tips to start with his process., how to proceed?

The way we are generating static site, that same concept can be helpful here i guess for dynamic routes( looping over the list of articles). But not sure, as you have better understanding of the project.

[bitspittle]

I think for broader questions about if anyone has any experience or not, you may want to check out the Discord and/or Kotlin Slack channel (both of which are linked to from the README).

Very close to the top of the README links to some tutorial videos. Unfortunately, as they are older, a few concepts might be slightly out of date (mainly, if you ever see by ComponentStyle that is now = CssStyle); but overall they should be really useful in helping you get a good mental model for the framework.

Between those videos and reading through the beginner section of the README, that should really cover most fundamental concepts. It's honestly not too bad -- you declare pages and then you declare layouts and CSS styles, that's like 99% of it.

We are in the process of improving documentation for new users now, including looking into creating official YT videos, but this will easily be a many month long process.

For now, best advice is to use example sites (run kobweb create and you'll see a handful of simple examples to learn from; also, you can find showcased projects in the Discord and Slack channels which are often open sourced).

[sunildhiman90]

Thanks @bitspittle , I am already in those communities, and i have checked the templates of kobweb as well, But i was just concerned of the generating sitemap for dynamic routes. That was the only query from me as of now. ANyway thanks, i will check those groups and channels asking for this sitemap thing. Thanx for your help and suggestions at all.

[bitspittle]

You may be breaking new ground! If you find a solution that you like, please feel welcome to share it here if you remember.

You may also find a lot of luck putting code into your gradle build script. Check out https://github.com/varabyte/kobweb?tab=readme-ov-file#generating-site-code-at-compile-time if you haven't seen it already.

[sunildhiman90]

Haha, yes thats true. If i get that what im looking for it will be just awesome. And thanks that script will be helpful offcourse for generating code at compile time.

And the thing is may be i will be looking into it in bits and pieces due to job plus other part time stuff. But i would definitely like to give that thing a hand whenever will be getting some free time slots.

And dont worry if i face any problems while doing so, i will be posting updates here asking you for the help.

Anyway the way we are generating static site from the code, where is the script for that logic ?