justinmind-logo
 
Upvote 1

resize text font / text not getting smaller when changing screen size

Need Answer Khairuddinkaihan 2 years ago

Hi! I am trying to make my screen's text fonts adjust to the screen size of the user. The problem is that the background is adjusting right but the text slowly disappears letter by letter. This happens when simulating my prototype. I have tried to pin them but it doesn't help.

Would be really happy for support! Please tell me how it was done too.

//Kaihan

Replies (7)
photo
2

Hello Kaihan, here I attach your .vp with some modifications, and I attach a screenshot. The elements with pins measured in percentage is what is causing you problems, if you change them to pixels, you will no longer have this issue. On the other hand, the rectangles have their own text attribute, double click on the rectangle to enable it. Let me know if this information is useful to you.

Greetings.

Ria.

photo
1

Thanks a lot, I understand. But I will be prototyping it so that it can be used from a phone screen. Are these suggestion you made good for that purpose too?

//Kaihan

photo
2

Hello, i leave you a link

https://www.justinmind.com/support/parallax/

Here you can find examples of how to make an adjustable screen.

Iet me know how it goes.

Greetings.

Ria.

photo
1

Thanks, I will try them but I am having a bit difficulties. I have changed the different buttons such as "kontakter" and "Om oss" to percentage width and height but other things changed. Now all of a sudden the "BOKA" and "STAFF" buttons are not aligned and there is a white stripe on the right side of the screen when simulating the "mobil view"- screen on DEVICE. Could you possibly help me with this?

You get to the "mobil view"- screen by pressing the "button" from the starting screen. Hope I have made instructions understandable.

Greetings, Kaihan

photo
1

Hello, I made some modifications, the blank space disappears when you make a pin to the backgrown, and by removing the pin from the information rectangle, the scroll down is solved.

let me know how it went.

Greetings.

Ria.

photo
1

God afternoon, Yes indeed the white (blank space) is gone from the mobile screen but my main goal is to be able to scroll down on the device version. the problem was that the background moved up and down (or rather got resized) when scrolling, but the information text didn't follow along with it. I want it to basically work as this one does: How to simulate scrolling in Justinmind . The "information" rectangle is supposed to be long in height and I will later on add a list of information that the user could scroll through.

Like these:

dd242317a93b8a432c6e21449a3218e6

3ef6e63fd63f2cc145b555953b2187ca

Thanks in advance // Kaihan

photo
1

Hello, here you can find more information about the scroll down on the device version.

https://www.justinmind.com/support/scrolling-content/

Hope this information is useful.

Gtts.

Leave a Comment
 
Attach a file