Text correction in responsive layouts


#1

Hi guys, I’m trying to figure out whether it would be possible to make text changes in multiple layouts at once. Like: When I make a correcction in Layout A, text changes would also be made in all the other layouts. And - if possible - I would like to do that without using symbols in order to keep the dimensions of the text box flexible. Is there any chance to do that? Thanks for your help!


(Loves Hype) #3

A regular symbol does the job too. It just needs to be added in each layout.


#4

But if i would want the same text box to be 600px wide in Layout A, and 800px wide in B, there’s no real option, right?


(Loves Hype) #6

No not really you need to use duplicate text/symbols maintained by hand.

If it’s only text and you don’t mind code you can use regular text boxes and give them the same classname across all layouts and then set the content with this…


(Freelancer) #7

I think symbols are the best solution, sorry…
here you can find two trick to use symbols but one for all layout (one for each text box or column)


also


(Loves Hype) #8

Nice one I wasn’t aware of this trick with symbols.


(Freelancer) #9

:slight_smile: this is quite simple with just one line of css. A similar trick for the text would be great as a nativerly option in hype


(Loves Hype) #10

Yes, now I found it you put into the DIV. This is very good although the editor shows the wrong bounding box when your rule is active. But thats worth the advantage.

<style> 
.make_me_responsive_and_fit_background {width: 90% !important; padding-left: 5%  !important; padding-right: 5%  !important; overflow: auto !important; height: auto !important;}
</style>

Having width/height optionally as percentages would do the trick. Yet another feature request :wink: for @jonathan


(Freelancer) #11

if you remember I already told you in the past that the only bad thing of the custom code is the preview. For a beginner with hype It could be a (small) problem. Anyway, an implementation of the responsive text (on symbols) in Hype would be great!


(Loves Hype) #12

What do you mean?

Agreed!


#13

Wow, thank you, that’s awesome, exactly what I was looking for :raised_hands: