Beautiful Design App

Check out my app here
Sorry for the language because the app is focused on the Iraqi market

1 Like

Hi mate! Beautiful app! Was wondering what size the kiosk is and if you had to change any app settings/code to get it to display full-screen?

image|375x500

Unfortunately until they release the PC view we are limited on how to display it, in my case I ran a full screen link with a zoom of 125%. Google Chrome alongside other browsers have a kiosk mode to help with this.

I had a use case this week that the rating component inside a form needs to be filled, but it can’t be marked as required.

Called CSS to help with this.

Hope this helps @Robert_Petitto @Jeff_Hager @Darren_Murphy.

<pre><span><style>
[data-test="nav-button-Submit"]{
pointer-events: none;
opacity: 0.4;
}
8 Likes

This is awesome!

Thanks for sharing!!!

1 Like

Hola @ThinhDinh,

By change do you know how to make change an image from a square to a circle :o: Using HTML?
@PabloMFalero and I are working on an app that it would benefit from something like that.

What component are you using for the comments in that screenshot?

Rich text component.

No I mean from the “Severus S.” part down. Is it an inline list or a comments component or something else?

Rich text component.

So how are you constructing the rich text component to show it like that? With a joined list?

Yep! We have everything almost done but we’re struggling to make the picture rounded. I even tried to use cloudinary but I couldn’t get it to work.

1 Like

If you don’t mind, share the template code with me in messages, I’ll try to find a way to help.

Sure! I’ll share in a bit.

1 Like

Ditto! I have an idea. DM me the template?

1 Like

please :+1:

It’s a great idea we came up with based on your trebuchet method, we’ll share it once is completed and beautiful!! I tried to use some code from the ritual app from @Lucas_Pires , but with no luck. But your method works beautifully!!! :grinning::grinning:

1 Like

Waiting patiently for my copy :joy:

1 Like

For your information, you can try adding style=“border-radius:50%” to the rich text to make the image circle.

3 Likes

I would very much like to see that when available. Looks awesome @PabloMFalero