We a custom field which is a multi select text field and wiki rendered,
We have added an AJS code as html as below,
<script>
AJS.$(document).ready(function() {
AJS.$("#rowForcustomfield_10503").css({"width":"130%"});
AJS.$('.confluenceTable').find('tr').each(function() {
var tds = AJS.$(this).find('th');
var len = tds.length;
for (var i = 0; i < len; i++) { AJS.$(tds[i]).css('text-align', 'center'); AJS.$(tds[i]).css('color', 'white'); AJS.$(tds[i]).css('background-color', '#5F5F5F '); }
});
window.alert("Hi");
var ths = AJS.$("table tbody tr").find("th");
var len = ths.length;
for (var i = 0; i < len; i++) {
AJS.$(ths[i]).css({"width":"1px","white-space":"nowrap"});
}
AJS.$('.confluenceTable').find('tr').each(function() {
AJS.$(this).css('background-color', '#F2F2F2 ');
AJS.$(this).css('background-color', '#F1F1F1 ');
var tds = AJS.$(this).find('td');
var len = tds.length;
for (var i = 0; i < len; i++) {
AJS.$(tds[i]).css('text-align', 'center');
AJS.$(tds[i]).css('color', 'black');
AJS.$(tds[i]).css({"width":"1px","white-space":"nowrap"});
}
});
It was coming with wrapping and misaligned. Hence we ran it in console and it worked, the custom field came no wrapped and worked fine. We have added a window.alert("Hi") to test and it displayed when run in console and when we edited the custom field.
BUT not while loading page. Please help
