Blair Cox
Posts: 0
Joined: Thu Jun 04, 2015 2:29 pm

HTML content appears with scroll bars

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.

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

HTML content appears with scroll bars

Hello Blair,

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

Blair Cox
Posts: 0
Joined: Thu Jun 04, 2015 2:29 pm

HTML content appears with scroll bars

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. ??

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

HTML content appears with scroll bars

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

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

Voltaire
Posts: 0
Joined: Thu Apr 09, 2015 8:48 pm

HTML content appears with scroll bars

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.

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

HTML content appears with scroll bars

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

Voltaire
Posts: 0
Joined: Thu Apr 09, 2015 8:48 pm

HTML content appears with scroll bars

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;

Voltaire
Posts: 0
Joined: Thu Apr 09, 2015 8:48 pm

HTML content appears with scroll bars

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

Voltaire
Posts: 0
Joined: Thu Apr 09, 2015 8:48 pm

HTML content appears with scroll bars

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

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

HTML content appears with scroll bars

Hello,

Please show us your mapping and code that you use.

Return to “Issues”