Afficher la description de la colonne de choix Type sur le dessus
-
29-09-2020 - |
Question
J'ai créé une liste avec le type de choix et définir la description pour la même chose.J'ai défini des boutons radio comme "choix d'affichage en utilisant". Lorsque je clique sur Ajouter un nouvel élément, la description est affichée en bas.Y a-t-il un moyen de montrer la description sur "Haut" à l'aide de JQuery / Designer / CSS sans perdre le format d'interface utilisateur.L'image attachée est un exemple
Je sais que nous pouvons le faire via INFOPATH, mais j'ai un script Java dans la page Modifier l'élément.aspx afin d'utiliser INFOPATH NOWNOT SUITE CES CONXERMEN
La solution
Je suis sûr qu'il y a une place d'amélioration, mais voici un échantillon de travail.
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>');
});
}
});
Autres conseils
merci pour TIAGO pour fournir la solution .Voici donc le code si vous souhaitez déplacer Description pour plusieurs lignes de texte.
$("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'});
});