Page 1 of 2

HTML content appears with scroll bars

Posted: Thu Jun 04, 2015 2:29 pm
by Blair Cox

Hi,

I'm populating the HTML component from a database. Simple HTML content from a rich-text input in our database. When this HTML content is populated inside the HTML component, which is a child of a List component, the content extends passed the app screen and horizontal scroll bars appear.


HTML content appears with scroll bars

Posted: Thu Jun 04, 2015 3:14 pm
by Serhii Kulibaba

Hello Blair,

Please use CSS property overflow:hidden; for your HTML-component: https://developer.mozilla.org/en/docs...


HTML content appears with scroll bars

Posted: Thu Jun 04, 2015 3:26 pm
by Blair Cox

ah, hmmmm. Well when I apply that to the component, it disappears from the app, but the scroll bars are still present. You are hiding the component. I'm doing something wrong.

CSS:

.my-html {
overflow: hidden;
}

Then adding the class name to the component. ??


HTML content appears with scroll bars

Posted: Mon Jun 08, 2015 10:09 am
by Serhii Kulibaba

You can inspect elements for finding visible scroll: https://developer.chrome.com/devtools...

There is "Class Name" property: http://prntscr.com/7ehk6d


HTML content appears with scroll bars

Posted: Wed Nov 04, 2015 9:32 am
by Voltaire

I am binding an html element to a mapping service in a list item, but unfortunately data is not being shown where if I bind the mapping to a label data is showing. Any suggestions since am getting the data with some html codes like P and font and ... So I need to put them in an html element instead of a label.


HTML content appears with scroll bars

Posted: Wed Nov 04, 2015 1:15 pm
by Illya Stepanov

Hi - Please show us your mapping and code that you're using.


HTML content appears with scroll bars

Posted: Wed Nov 04, 2015 2:42 pm
by Voltaire

Hi, am having a new problem , I can not do any changes to my app, undo all source changes is not working, when I click it, it does not do anything, still I can not modify any page or menu or ...., so please before checking the html element in the list item, please can you check out my problem, I think the app is stuck in somewhere. I already shared my app with appery support., it is called cpr under my account. Regards;


HTML content appears with scroll bars

Posted: Wed Nov 04, 2015 3:35 pm
by Voltaire

I did delete the html file and undo all changes, will get back to you when testing the html, thanks


HTML content appears with scroll bars

Posted: Wed Nov 04, 2015 5:20 pm
by Voltaire

It is working now , data is being shown in the html element but if there more than one line, am getting ... instead of showing the whole html content.
Any advise


HTML content appears with scroll bars

Posted: Sun Nov 08, 2015 12:08 pm
by Alena Prykhodko

Hello,

Please show us your mapping and code that you use.