Kacheln individuell anordnen und Größe ändern

Myrcella erstellt 17 Dez. 2014 11:04

Hallo Community,

ich versuche derzeit, höhergestufte Links (Kacheln) so anzuordnen, dass sie in sechs Sechsergruppen à einer großen Kachel mit fünf kleinen Kacheln angeordnet sind. Dazu habe ich erst sämtliche Links eingepflegt und sitze nun an dem Skript für den Skript Editor.

Zuallererst: ich habe schon zuvor mit Hilfe des Skript Editors die Größe von Kacheln erfolgreich geändert, allerdings immer nur alle Kacheln einer Liste in gleichem Maße und nicht individuell. Macht es grundsätzlich Sinn, für mein Vorhaben den Skript Editor zu nutzen oder sollte ich da mit anderen Mitteln arbeiten? Wenn Letzteres, was würdet ihr vorschlagen?

Zu meiner bisher fehlgeschlagenen Herangehensweise: Ich habe die HTML-Tabelle des entsprechenden Webparts (promotedlinksbody_WPQ2) übernommen und ein zusätzliches DIV mit einer eigenen Tabelle eingefügt. In diese DIV-Tabelle habe ich die einzelnen Kacheln (z.B. <div id="Tile_WPQ2_8_1" class="ms-tileview-tile-root"></div>) gelegt. Vor das ganze HTML habe ich eine Funktion gelegt, die ich schon früher erfolgreich so ähnlich verwendet habe:

Normal 0 21 false false false DE X-NONE X-NONE

<script type="text/javascript" src="/Scripts/JQuery/jquery-1.8.1.js"></script>

<script language="javascript">

$(document).ready(function () {

for (var i=7; i<37; i++)

    {

    document.getElementById("Tile_WPQ2_" + i + "_1").style.width =  '80px';

    document.getElementById("Tile_WPQ2_" + i + "_1").style.height = '80px';

    document.getElementById("Tile_WPQ2_" + i + "_2").style.width =  '70px';

    document.getElementById("Tile_WPQ2_" + i + "_2").style.height = '70px'

    etc...

   }

});

</script>

Dann hab ich das alles in einen Skript-Editor unterhalb der höhergestuften Links gesteckt - und natürlich passiert absolut nichts.

Vermutlich mache ich irgendwelche offensichtlichen Fehler, aber ich habe mit Javascript absolut keine Erfahrungen und mit HTML nur sehr wenige. Tabellen bauen klappt grundsätzlich, aber alles Andere übersteigt meine Fähigkeiten. Für sämtliche Tipps und Lösungsansätze bin ich euch unendlich dankbar!

Beste Grüße,

Myrcella