Дисплей Описание Тип столбца выбора сверху

Question

Я создал список с выбором типа и установить описание для одного и того же.У меня установлены кнопки «Радиуские кнопки» как «Отображение вариантов с использованием». Когда я нажимаю на добавление нового элемента, описание отображается внизу.Есть ли способ, которым мы можем показать описание «TOP», используя jQuery / designer / css без потери формата ui.Прикрепленное изображение является примером

Я знаю, что мы можем сделать это через InfoPath, но у меня есть какой-то скрипт Java в странице редактирования Item.aspx, поэтому, используя InfoPath Newnot.

Answer 1

Я уверен, что есть место для улучшения, но вот работающий образец.

jQuery(document).ready(function () {

    //narrow down matching to dialog boxes only
    if(location.href.indexOf('IsDlg=1') !== -1)
        {
           $(".ms-dialog td.ms-formbody > span > table > tbody > tr:first-child > td > span.ms-RadioText").each(function(){

               //console.log('found the first option of the current choice list');

               var descriptionElement = $(this).closest('.ms-formbody').contents().filter(function(){ return this.nodeType != 1; });
               var descriptionText = $(descriptionElement).text();
               $(descriptionElement).remove();
               $(this).closest('.ms-formbody').prepend('<span>' + descriptionText + '</span>');

           });
    }
 });

.

Answer 2

Спасибо за Tiago для обеспечения решения .Итак, вот код, если вы хотите переместить описание для нескольких строк текста.

$("td.ms-formbody > span > textarea.ms-long").each(function(){


 var descriptionElement = $(this).closest('.ms-formbody').contents().filter(function(){ return this.nodeType != 1; });
  var descriptionText = $(descriptionElement).text();
   //alert(descriptionText);
 $(descriptionElement).remove();
 $(this).closest('.ms-formbody').prepend('<span>' + descriptionText + '</span>');
 $('.ms-long').css({'height':'auto','display':'block','margin-top':'10px'});
});

.