Descrição da tela de escolha do tipo de coluna na parte superior
-
29-09-2020 - |
Pergunta
Eu criei uma lista com o tipo de Escolha e definir uma Descrição para o mesmo.Tenho conjunto de Botões de Rádio como "Opções de Exibição Usando".Quando eu clique em Adicionar Novo item a Descrição é mostrada na parte inferior.Existe alguma maneira nós podemos mostrar a descrição no "Topo" usando Jquery/Designer/CSS com a perda da INTERFACE do usuário do Formato.A imagem anexada é um exemplo
Eu sei que nós podemos fazê-lo através do infopath, mas eu tenho algumas Java script em Editar item.página aspx para usar o Infopath doesnot suite esta requiremen
Solução
Eu tenho certeza que há espaço para melhorias, mas aqui está uma amostra de trabalho.
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>');
});
}
});
Outras dicas
Obrigado por Tiago para proporcionar a solução.Então, aqui está o código, se você deseja mover descrição para Várias linhas 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'});
});