AmberCutie's Forum
An adult community for cam models and members to discuss all the things!

Chaturbate App Details - How to make designs look good on the modern layout

  • ** WARNING - ACF CONTAINS ADULT CONTENT **
    Only persons aged 18 or over may read or post to the forums, without regard to whether an adult actually owns the registration or parental/guardian permission. AmberCutie's Forum (ACF) is for use by adults only and contains adult content. By continuing to use this site you are confirming that you are at least 18 years of age.

NaomiNSFW

Cam Model
Mar 3, 2024
418
267
31
So it's no secret that the modern layout for apps on Chaturbate is completely broken. Especially for app info descriptions.
I just wanted to provide some tips for app developers and models who want to make their own apps. As I found a couple workarounds I can use to make the formatting work properly.

Whats wrong with the formatting?
  1. Lists don't display properly in app descriptions. They don't have bullet points.
  2. Chaturbate provides no easy way to create newlines. Which means content is often bunched up together.
  3. Quoted content has a green background for some reason. It doesn't match the overall Chaturbate theme which makes it look weird.
  4. Single line code blocks create a newline. This breaks the markdown standard.
  5. Content within a code block doesn't display properly in light mode. It becomes unreadable.
  6. Horizontal dividers are a solid colour now instead of a light tint of gray. Makes the overall reading experience far more cluttered.
How do I fix these?

1) Lists don't display properly in app descriptions. They don't have bullet points.

You don't use lists. Instead use 3 em spaces followed by a bullet point character. Then press enter twice to create a newline.

2) Chaturbate provides no easy way to create newlines. Which means content is often bunched up together.
You have to rely on the broken code blocks feature. Since code blocks start a newline you can place an em space within 2 backticks (used to represent a code block) like so: ` `. This has an added advantage that it wont affect the legacy app at all as the legacy layout does not create a newline whenever a backtick is used. If Chaturbate fix this issue your design wont break either.

3) Quoted content has a green background for some reason. It doesn't match the overall Chaturbate theme which makes it look weird.
I reccomend you just don't use quoted content for now. I can't find a workaround for this yet.

4) Single line code blocks create a newline. This breaks the markdown standard.
You can use bold text or italics to substitute for now. You may also be able to find a way to format text in a different font.

5) Content within a code block doesn't display properly in light mode. It becomes unreadable.
Don't use code blocks. It's unfortunate but they're completely broken.

6) Horizontal dividers are a solid colour now instead of a light tint of gray. Makes the overall reading experience far more cluttered.
You can choose to not use dividers. Another option is using the em space code block trick from 2), followined by a horizontal divider, a space and another em space code block. It should look something like this:
Code:
`‎ `

---
`‎ `


This seems convoluted and wont it break my apps if these issues get fixed?

Thankfully none of the suggestions made will break your app. In one case i'm using a broken feature to implement a missing feature which is kind of funny but if that feature is fixed it shouldn't change anything. It is convoluded, but ultimately it's down to Chaturbate to fix it. I've highlighted these concerns recently and hopefully at some point they will get fixed. Thanks for reading.
 
Last edited:
  • Helpful!
Reactions: pbonACF
I would also suggest not using the H1 heading created by # and instead start creating hierarchical content with H2 (##). H1 headings in the modern layout are so ridiculously large compared to anything else on the page that they stand out, and not in a good way.