Display Descrizione del tipo di colonna di scelta in cima

Question

Ho creato un elenco con la scelta del tipo e la descrizione impostata per lo stesso.Ho impostato pulsanti radio come "Visualizzazioni visualizzate usando". Quando clicco su Aggiungi nuovo elemento La descrizione è mostrata in basso.C'è un modo in cui possiamo mostrare la descrizione su "Top" usando jQuery / Designer / CSS senza perdere il formato UI.L'immagine allegata è un esempio

So che possiamo farlo tramite InfoPath ma ho uno script Java nella pagina Modifica elemento.aspx in modo che l'utilizzo di InfoPath non sia suite questo requiremen

Answer 1

Sono sicuro che c'è spazio per il miglioramento, ma qui è un campione di lavoro.

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

Grazie per Tiago per fornire la soluzione .Quindi ecco il codice se vuoi spostare la descrizione per più linee di testo.

$("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'});
});

.