Mostrar Descripción del tipo de columna de elección en la parte superior
-
29-09-2020 - |
Pregunta
He creado una lista con el tipo de opción y configurar Descripción para el mismo.He establecido botones de radio como "Opciones de pantalla usando". Cuando haga clic en Agregar nuevo elemento, la descripción se muestra en la parte inferior.¿Hay alguna forma en que podamos mostrar la descripción en "TOP" utilizando jQuery / Designer / CSS sin perder el formato UI.La imagen adjunta es un ejemplo
Sé que podemos hacerlo a través de InfoPath, pero tengo un script de Java en la página Editar element.aspx, por lo que usando InfoPath no tiene suite este requisito
Solución
Estoy seguro de que hay espacio para mejorar, pero aquí hay una muestra de trabajo.
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>');
});
}
});
Otros consejos
Gracias por Tiago para proporcionar la solución .Así que aquí está el código si desea mover la descripción para obtener varias líneas de texto.
$("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'});
});