>Verbreden van multiselect velden via jQuery

>Wanneer je een sharepoint lijst maakt met een multiselect veld erin is dat veld in de edit weergave nogal klein. Je kan dit veld met behulp van jQuery (javascript) breder maken. Volg hiervoor de onderstaande stappen:

  • Indien jQuery nog niet op de sharepoint server staat kan je het hier downloaden.
    Maak (op de root) van de site een documentbibliotheek aan (vb. jQuery) en plaats het bestand erin. Zorg ervoor dat iedereen rechten heeft om het te lezen. Vanaf nu kan je de jQuery bibliotheek vanop elke pagina gebruiken.
  • Ga nu naar de lijst waarvan je het multiselect veld wil breder maken. Editeer een item uit de lijst, maw. open de EditForm.aspx pagina.
    Nu komt de truuk: op het einde van de url van die pagina plak je dit stukje:
    &PageView=Shared&ToolPaneView=2
  • Nu kan je op deze pagina een Inhoudseditor webpart toevoegen.
  • Zorg ervoor dat deze webpart op verborgen staat:102609_0851_Verbredenva1
  • Selecteer nu “Broneditor” om het stukje javascript code toe te voegen.
  • Een multiselect veld bestaat altijd uit 2 textboxen, je moet dus beide breder maken. De naam van de textboxen zijn (in de Nederlandse versie) altijd: naam_vh_veld mogelijke waarden en naam_vh_veld geselecteerde waarden.
    Per textbox zetten we 1 lijn JS code:
    <script type=”text/javascript” src=”/JQuery/jquery-1.3.2.min.js”></script>
    <script type=”text/javascript”>
    $(function() {
    $(“[title=’Functies mogelijke waarden’]”).parent().css({width:’300px’});
    $(“[title=’Functies geselecteerde waarden’]”).parent().css({width:’300px’});
    });
    </script>
  • Via deze lijnen code maak je de select velden breder.