Webnode: Jak vložit tabulku z Disku Google na web

02.03.2023

Někdy se však stane, že se tabulce nelze vyhnout. Nebo jste milovníkem Excelu. Tento návod je určen právě vám.

Současný editor Webnode neumožňuje vkládat tabulky z různých rozumných důvodů. Řešením je responzivní iframe nebo vnořené okno, které načte dokument z Disku Google (nebo z Microsoft Cloudu).

1. V editoru Webnode otevřete stránku, na kterou chcete vložit tabulku.

2. V horní liště klikněte na možnost Stránky, poté na danou stránku > Nastavení SEO a vyhledejte hlavičku HTML.

2. Tam vložíme tento kód:

<style>
.container {
position: relative;
height: 400px; /* výška okna v pixelech. tuto hodnotu upravte podle potřeby */
overflow: hidden;
}
.responsive-iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
</style>

3. Okno Stránky můžeme zavřít a pokračovat dál.

👉 Tip: Pokud máte na projektu aktivní balíček Standard nebo vyšší, vložte kód do nastavení - nastavení webu - HTML hlavička celého webu. Tím se použijí styly CSS na všechny potenciální tabulky na webu.

4. Pro velký úspěch se vrátíme na stránku, kde bude tabulka.

Přejdeme přesně na místo, kam chceme tabulku vložit. Myší najedeme na černé znaménko plus vlevo pro vložení nového prvku obsahu a vybereme prvek HTML.

5. Skopírujte tento kód do okna HTML:

<div class="container">
<iframe class="responsive-iframe" src="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"></iframe>
</div>

6. Klikněte na tlačítko OK.

7. Otevřete nové okno v prohlížeči a otevřete tabulku na Disku Google. Dokument sdílejte a zkopírujte odkaz:

Pozor! Pokud nemůžete sdílet, zkontrolujte nastavení ochrany osobních údajů dokumentu.

8. Vraťte se do editoru a otevřete vložený kód HTML. Namísto XXXXXXXXX v kódu HTML vložte odkaz z Disku Google, který je uložen ve schránce. Prostě označte všechny X a stlačte CTRL+V.

9. A máme hotovo. Změny můžeme publikovat. Tabulka se zobrazí pouze na publikovaném webu.

Výsledek: