Discussion :

[MalboroFR]

Bonjour je voudrais réduire les champs texte et utilisateur de Sharepoint mais manuellement j'y arrive pas quelqu'un a une idée ?
voici quelques screen:







Merci d'avance

[ludojojo]

Bonjour,

Ajoute une propriété "width" sur tes "input" : width="200px"
Tu peux aussi limiter la taille via CSS (ce qui est plus propre )

[MalboroFR]

Merci ludo pour ta réponse

Mais le problème c'est que j'ai pas accès à ce code là...
Comme les radio bouton j'ai ça:




et même en changeant le width il se passe rien :/

[James Dt]

Salut,

Pour ce genre de chose, de notre côté on utilise du JS pour forcer la taille des champs.

James

[MalboroFR]

Bonjour James,

tu pourrais m'expliquer comment faire si c'est possible ^^
car sinon je voulais utilisé la fonction width de jquery pour modifier la taille mais aucun resultat :/

Merci d'avance

[MalboroFR]

Personne à une solution à me proposer?

J'ai essayer avec ça:

$(".ms-long ms-spellcheck-true input").width(150px);

mais ça change rien

[nonoxp]

Bonjour,

Le parametre pour la fonction width est soit Int soit String.
En l'etat actuel vous devriez avoir une erreur javascript a l'execution...

cf.: http://api.jquery.com/width/#width2

[MalboroFR]

J'ai déjà essayé avec un:

$(".ms-long ms-spellcheck-true input").width(150);
mais ça ne marche pas :/
peut-être un problème dans mon insertion de code ?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

function alignOptions(fieldName) { var firstRadio = $("#"+fieldName +" tbody .ms-RadioText:eq(0)"); $("#"+fieldName +" tbody .ms-RadioText:gt(0)").appendTo($(firstRadio)); } $(document).ready(function() {
alignOptions("optReqType"); alignOptions("optChgPriority"); alignOptions("optChgPriority2");alignOptions("alignOptions"); alignOptions("optChgPriority3");alignOptions("optChgPriority4");alignOptions("optChgPriority5");alignOptions("optChgPriority6");alignOptions("optChgPriority7");alignOptions("optChgPriority8");alignOptions("optChgPriority9");alignOptions("optChgPriority10");alignOptions("optChgPriority11");

$(".ms-RadioText label").hide();
$(".ms-long ms-spellcheck-true input").width(150);


});
</script>

Mais je sais pas coder en jquery :/ j'y touche vraiment depuis 1 semaine ....

[ludojojo]

Bonjour,

Alors deux choses :

1. Récupère la bonne valeur avec du CSS : Avec la console de développeur de ton navigateur (généralement touche F12), tu peux regarder quelle est la valeur de la propriété "width" de ton objet HTML et la modifier. Cela te permettra de savoir exactement quelle valeur du dois utiliser.
2. JavaScript éventuellement, mais seulement si nécessaire. Dans un cas comme celui-la, le javascript n'est nécessaire que si la propriété "width" est déjà existante dans le DOM HTML (dans l'attribut "style" de la balise). Dans le cas contraire, le CSS suffira grandement, pas besoin de JS.

Pour répondre à ton problème avec la fonction jQuery, si cela ne fonctionne pas il peux y avoir deux raisons :

• Ton sélecteur est faux
• Un autre script modifie la taille de ce champ. Je n'y crois pas trop, mais on sais jamais.

Si tu veux que l'on puisse t'aider avec ton sélecteur, je t'invite à nous fournir le code HTML généré de ton formulaire. C'est à dire la version visible par le navigateur (pas via SPDesigner).

[MalboroFR]

Merci ludo pour ta réponse !

Alors voici le code html avec F12:



apres la case qui correspond au code:



et pour finir le code que j'ai sur SharePoint:



j'ai essayé le css ça n'a pas marché :/
Et le style width ne change rien ...

[ludojojo]

Essaye ça : $(".ms-dtinput input.ms-input").width(150);.

[MalboroFR]

Encore une fois ludo=sauveur

par contre j'arrive pas pour resp.d'action et suivi :/ j'ai fait ça:

$(".td span.ms-userditor").width(50);
$(".td ").width(50);
$(".td input").width(50)


voici le code:



par contre pour Efficacité et action j'ai fait ça et ça marche super bien :

$(".td input.ms-long").width(50);

Et tant que j'y suis j'arrive pas non plus à faire une valeur calculé avec la valeur qui revient le plus:



autre doit etre égal au terme plus récurent ^^

Voilà et encore Merci

[MalboroFR]

J'ai trouvé pour suivi et resp :

$(".td table.ms-usereditor").width(50);

Par contre toujours pas pour la valeur calculé :/

[ludojojo]

Pour la valeur calculé, je vais avoir besoin du DOM HTML complet de ton formulaire pour t'aider.
Par contre, fait nous un copié collé du code ou créé un jsfiddle pour l'occasion, par ce que si tu met une capture d'écran je ne pourrais pas tester.

Si possible copie le DOM après avoir sélectionné quelques valeurs...

[MalboroFR]

je peux utiliser quel logiciel pour editer le dom avec internet explorer ?