Forum | Appery.io

How to have a multi-line button in the app? Currently the button gets the overflow omitted with the '...' - however I want it to simply wrap. This is easy enough with changing the css to be white-space: normal - however I want to be able to TELL it where to break. Trying to use jquery does nothing... using .innerHTML(), .text(), etc doesn't work at all. I have also tried adding in
, /r/n to the text itself but that just renders the unicode equivalent.

Hello!

Could you please clarify, did you try to add custom CSS?

Yes - that works just fine (white-space: normal ). But I have a long line of text on my button - lets say "Regulatory Compliance (ELM USE ONLY)" I want to get the (ELM USE ONLY) on a new line. Using CSS only it just splits it depending on available width - I should be able to control where the break happens with jquery any other time, but isn't working with the Appery framework.

Tarseld,

Do you try use Appery.io JavaScript API http://devcenter.appery.io/documentat... ?

Yeah I've tried that - I get errors.

Apperyio('btn_regulatorycontacts').text();
VM185979:2 Uncaught ReferenceError: Apperyio is not defined

^ where btn_regulatorycontacts is the name of the button component in my app.

Tarseld,

Where do you use this code? Could you please share print screen?

I put it in the Load event handler of the page.... here is the rendered code in the app in Testing mode, you'll notice my line gets auto commented out for some reason??!

// On Load
var Start_onLoad = function() {
Start_elementsExtraJS();

         // if home(Start) hide the Back button; 
         //Apperyio('btn_regulatorycontacts').html('test

this');

         Start_deviceEvents(); 
         Start_windowEvents(); 
         Start_elementsEvents(); 
     };

Tarseld ,

Please use Appery instead Apperyio for buttons, you can see example in documentation http://devcenter.appery.io/documentat...