Menu
  • Hem
  • Dokument
  • Om Mig
Geosupportsystem

Sida med Bootstrap

Posted on 2015-05-21

Då har jag fått lite extra tid att fördriva i sällskap med SJ, så vad passar bättre än att hacka lite kod och testa Bootstrap i praktiken (se gårdagens inlägg).

Jag använder grunden från gårdagen och sedan lägger jag till kod från de exempel som visas på hemsidan.

En meny och en ”jumbotron” till att börja med.

Skärmbild_2015-05-20_17-23-18

Lite kartor måste det också bli så i en ny ”row” skapar jag en platshållare med full bredd, eller en kolumn med bredden 12 (summan av kolumnbredder skall alltid vara 12).

Detta följs av en ny ”container”, med ”row” och sedan tre kolumner av olika bredd.

Skärmbild_2015-05-20_17-26-54

Summan av dessa kolumners bredd är också 12 (7+2+3). Genom att använda vanliga HTML-taggar för rubriker, text (<p>) och länkar så tillämpas de stilar som är förutbestämda i Bootstrap.

Det går att åsidosätta dessa med en egen ”style” tagg, vilket jag gjort för att sätta kartans höjd.

Det gick ganska snabbt att göra och det blev ganska snyggt, men den stora fördelen är att sidan är anpassad till olika plattformar och skärmstorlekar.

Skärmbild_2015-05-20_17-31-02

Menyvalen samlas under en menyknapp och mina kolumner som tidigare var jämte varandra, ligger nu över varandra. Det krävs lite kod för att menyerna skall fungera, men det är väldigt lätt att läsa källkoden i de exempel som används på webbsidan.

Vad blev det då för resultat?

Jo en liten förlängning på min ”Panorama Geodata eXtractor”, men som endast har till uppgift att visualisera var panoraman är tagna och öppna dessa i en panoramavisare, i ett eget fönster, genom att klicka på symbolen.

Skärmbild_2015-05-20_17-35-18

Nu kanske det är dags att se om det går att utveckla på något sätt. Kanske en metod för att distribuera färdiga panoraman i paket…

Vill du prova PanGeoX, som jag gjort tidigare, så kan du göra det på http://geosupportsystem.altervista.org/pangeox.

Lämna ett svar Avbryt svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

Translate with Google

GBR In English
GER Auf Deutch
FRA En Français
ESP En Español
Swedish is a hard language for a machine to translate. Nuance and detail will likely be lost.
     

Bok om QGIS på Svenska

Bok

Beställ Boken/E-bok genom att klicka på bilden (även förhandsgranskning).

Senaste kommentarer

  • klakar om Laga hål i höjddata
  • Per Ekström om Laga hål i höjddata
  • Sur om Mera verktyg i QGIS
  • Anton om ”Mobile *.Geodatabase”
  • Fredrik Ekberg om Ingen är oskyldig

Arkiv

Prenumerera på Geosupportsystem

Skriv in namn och epost för att prenumerera på meddelanden från denna blogg.
Loading

geosupport

TrueNAS bygge. @fractaldesignna Define R5 är rikt TrueNAS bygge. @fractaldesignna Define R5 är riktigt trevlig att bygga i, och den sväljer väldigt mycket disk. Här skall virtualiseras både PostGis, WebODM och Geonode så småningom.
Då har jag lite att bläddra i ett tag framöver. Då har jag lite att bläddra i ett tag framöver.
YouTube video to frames. Processed in OpenDroneMap YouTube video to frames. Processed in OpenDroneMap and visualized in QGIS 3.17.
Ladda mer...

Meta

  • Logga in
  • Flöde för inlägg
  • Flöde för kommentarer
  • WordPress.org
©2021 Geosupportsystem | WordPress Theme by Superbthemes.com