16
Views
6
Comments
Solved
2nd row in table isn't aligned
Question
Application Type
Reactive
Service Studio Version
11.54.33 (Build 62940)

The 2nd row in my table isn't aligned with the rows before and after. I've compared it to other tables I have and don't see a difference. Not sure why this one is doing that.


Solution

Maybe the actual data your using have spaces, try to Trim() the expression.

Amazingly enough that seems to have fixed it. Honestly I wasn't even going to try it because I would swear that there were no spaces in front.

Champion

Hello

Can you please check whether it is the behaviour with alternate rows(even rows) or only with the second row.

Thanks
Tousif Khan

Hit Tousif. I just added another record. It is every other row.

Champion

I see, In that case the issue maybe related to the css applied to odd rows

I am not sure what Css is applied to your table, but I assume there might be some, If possible can you share Oml or sample.

Please check the elements by inspect on browser developer tools


I don't have ccs applied, other than whatever the default is. I'll try to pull out the one screen into a different oml later today. I'm pretty new to OutSystems (first project) so you may see some things that you question. Still very much learning.

This is from the element:

<!--[if gte IE 7]><script>if(document.compatMode == 'BackCompat') { window.attachEvent('onload', function() { var div = document.createElement('div'); div.style.display = 'none'; div.innerHTML = "style<style type=\"text/css\">"+ " div#ect_wtFeedbackInitial { "+ "  "+ " _right: auto; _bottom: auto; "+ " _left: expression( ( -50 - document.getElementById('ect_wtFeedbackInitial').offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); "+ " _top: expression( ( -50 - document.getElementById('ect_wtFeedbackInitial').offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); "+ " } "+ " div#ect_wtFeedbackInitialHighlight { "+ "  "+ " _right: auto; _bottom: auto; "+ " _left: expression( ( -50 - document.getElementById('ect_wtFeedbackInitialHighlight').offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); "+ " _top: expression( ( -50 - document.getElementById('ect_wtFeedbackInitialHighlight').offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); "+ " } "+ " div#ect_wtFeedbackMessage { "+ "  "+ " _right: auto; _bottom: auto; "+ " _left: expression( ( -50 - document.getElementById('ect_wtFeedbackMessage').offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); "+ " _top: expression( ( -50 - document.getElementById('ect_wtFeedbackMessage').offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); "+ " } "+ " div#ect_wtFeedbackThanks { "+ "  "+ " _right: auto; _bottom: auto; "+ " _left: expression( ( -50 - document.getElementById('ect_wtFeedbackThanks').offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); "+ " _top: expression( ( -50 - document.getElementById('ect_wtFeedbackThanks').offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); "+ " } "+ " div#ect_wtFeedbackSending { "+ "  "+ " _right: auto; _bottom: auto; "+ " _left: expression( ( -50 - document.getElementById('ect_wtFeedbackSending').offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); "+ " _top: expression( ( -50 - document.getElementById('ect_wtFeedbackSending').offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); "+ " } "+ " div#ect_wtFeedbackBox { "+ "  "+ " _right: auto; _bottom: auto; "+ " _left: expression( ( -50 - document.getElementById('ect_wtFeedbackBox').offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); "+ " _top: expression( ( -50 - document.getElementById('ect_wtFeedbackBox').offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); "+ " } "+ " </style>"; document.body.appendChild(div);});};</script><![endif]-->

Solution

Maybe the actual data your using have spaces, try to Trim() the expression.

Amazingly enough that seems to have fixed it. Honestly I wasn't even going to try it because I would swear that there were no spaces in front.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.