Posted by Fredde on May 6, 2010 at 12:13pm
Jag har ett problem med att mina views blir helt oformaterade.
Rubriker och brödtext ser likadana ut och flyter ihop.
På andra sajter jag byggt så har vyerna formaterats efter temats style-cheat, vilket jag gärna vill i detta fallet också.
Det jag gjort annorlunda till denna sajt är att jag lagt modulerna i sites/all/modules istället för direkt i modules. Samma sak med temat, ligger på sites/all/themes.
Kan det vara därför det inte funkar på samma sätt?
Det borde väl gå att fixa till på något enkelt sätt men jag har inte kommit på hur?
Comments
Nodvisning eller Semantic Views
Det finns flera sätt att få Views att visa snygg formatering istället för den platta listan med olika fält radade efter varandra.
Det som gjort att dina listor sett snygga ut tidigare är förmodligen att du inte matat ut dem fält för fält, utan valt det som heter Row style: Node (i rutan Basic settings). Då byggs varje post upp som en hel nod, med nodernas standardformatering för rubrik, brödtext, mm.
Om du vill bygga en fältbaserad vy och ändå vill få den snygg finns det ett par olika vägar att gå. Den snyggaste av dem är modulen Semantic Views, som låter dig bestämma vilken typ av HTML-element som ska omge varje rad och fält, och även lägga till CSS-klasser som du vill. Grymt bra modul.
En annan variant, som kan vara snabbare men ger fulare kod bakom ytan, är att du använder alternativet "Rewrite the output of this field" som du kan hitta vid respektive fält i din vy. Där kan du till exempel ändra titelfältet till
<h3>[title]</h3>för att få rubriker formaterade som just rubriker.Lycka till!
//Johan Falk, NodeOne
**
Vill du lära dig mer om Drupal? Kolla in samlingen av tips och guider!
Har du en fråga om Drupal? Missa inte FAQ-sidan på forumet!
Nu finns första Drupalboken på svenska! Börja med Drupal -- smart webbpublicering med open source
Sugen på en Drupalkurs? Kolla in NodeOnes utbud av Drupalkurser
Hej!Jag har hygglig koll på
Hej!
Jag har hygglig koll på formatering via CSS, men har fastnat på en grej... Jag skulle vilja att mina länkar visas olika beroende på var de finns. T ex har jag grön bakgrund i menyblocket, då kan det vara snyggt (och bra) med vita länkar, men det går inte så bra i vyn med vit bakgrund...
I vanliga fall (vanlig html-kodning) kan man lägga till en extra css-fil för de speciella länkarna och använda den classen just för de länkarna. Nu har jag hittat att man kan lägga till olika classes till vyerna under basic settings, men när jag lägger in sökvägen till CSS-filen får jag detta svar: "CSS classes must be alphanumeric or dashes only."
Jag har lagt filen i samma mapp som temats css-fil, men det fungerade alltså inte. Ska den läggas någon annanstans? Eller ska den konstrueras på något speciellt sätt inom den hemsidan jag håller på med och läggas som nod eller nåt? (Förlåt om jag använder fel nomenklatur, jag har inte kommit in i detta riktigt ännu).
Tack för hjälp på förhand!!
A-B
PS Jag har laddat ner Semantic views, men vet inte riktigt hur jag ska få in den och hur den ska hanteras. DS
Ann-Britt
CSS-klasser och CSS-filer
Det verkar som att klasser och filer blivit lite bakvänt. Du behöver troligtvis inte skapa någon ny CSS-fil för att ändra utseendet på länkarna -- det räcker att redigera i den/de CSS-filer som redan finns.
Kolla i källkoden för sidan (eller använd Firebug!) för att se vilka CSS-klasser som redan finns tillgängliga för länkarna du vill ändra på. Troligtvis är de redan inbäddade i block som har klassen
sidebar-righteller liknande. Då borde du kunna lägga till CSS-radena.sidebar-right { color: white; }eller liknande för att ändra färgen på alla länkar i dessa element.Jag är nybörjare när det gäller att hantera CSS, så det kan hända att just exemplet ovan inte stämmer. (Det skulle kunna vara fallet om länken inuti divven med klassen sidebar-right inte ärver sina egenskaper från ovanliggande element. Men jag har tyvärr inte koll på vilka element och vilka egenskaper som ärvs.)
Om du trots allt vill lägga in en ny CSS-fil bör du inkludera den genom Drupals funktioner för att lägga till CSS-filer (och exempelvis inte genom att hacka in den i en templatefil). Har tyvärr dålig koll på hur även det fungerar, men det kanske någon mer bevandrad i temande kan förklara.
Lycka till!
//Johan Falk, NodeOne
**
Vill du lära dig mer om Drupal? Kolla in samlingen av tips och guider!
Har du en fråga om Drupal? Missa inte FAQ-sidan på forumet!
Nu finns första Drupalboken på svenska! Börja med Drupal -- smart webbpublicering med open source
Sugen på en Drupalkurs? Kolla in NodeOnes utbud av Drupalkurser
Ja, nån gång i natt kom jag
Ja, nån gång i natt kom jag på att jag nog blandat ihop classes och css-filer. Idag har jag tittat lite på vilken class som borde ändras, men kan inte luska ut det riktigt. Allt som har med tabeller att göra ligger i system.css (det är en tabell det är frågan om), medan view-content ligger i style.css.
Jag tycker inte det borde spela någon roll var jag ändrar eftersom jag egentligen vill ha samma i alla tabeller jag gör, men det hjälper inte var jag än försöker (i system- eller style-css).
Gör väl fel kan jag tänka...
Det är väl bara att fortsätta försöka, nån gång går det nog...
A-B
Ann-Britt
Views och modulplacering
Views Är ett stor kapitel, men väl värt att gå igenom.
Du kan välja format på utmatningen under "Style: Unformatted" och här "Row style:" i vänstar kolumnen. Sen finns massor med inställningar i samband med fälten du valt att visa. Det finns många bra screencasts på området. Skulle tro att Johan Falk har något i sin tips&tricks avdelning. GotDrupal.com eller .net har en hel del bra screencasts på området. Drupaltheraphy och Mustardseedmedia har också en del bra screencasts. De sista 2 kanske inte bara går igenom Views men du kan lära dig en del om views genom att titta på dessa filmer.
Vad det gäller modulerna verkar du ha gjort i det senare fallet och lagt modulerna under sites/all/modules samt teman under sites/all/themes. Man skulle kunna säga att det andra sättet du gjorde var fel, eller iallafall inte enligt drupal-skolboken. Om det är därför det blir annorlunda formaterade kan jag dock inte svara på.
Jaha, Johan hann före och var
Jaha, Johan hann före och var nog lite utförligare. Tack för tipset om Semantic Views, skall kolla in den.
Det borde inte bero på
Det borde inte bero på placeringen av modulerna och temat i alla fall. För att verifiera det så kan du prova att flytta modulerna/temat för att se om det blir någon skillnad.
Du kan också prova att byta till ett annat tema för att se om det ger någon skillnad.
/Adam
Jag kanske har förklarat
Jag kanske har förklarat dåligt, men det går alltså inte att spara classen när jag skriver in sökvägen. Det är alltså inte fel på placeringen av moduler/teman utan sökvägen i sig ger upphov till felsvaret.
Ann-Britt
Semantic views
Så här använder du semantic views:
1. Hämta och aktivera modulen.
2. När du redigerar din vy ställer du in Basic settings till Style: Semantic views, Row style: Semantic views: Fields
3. Klicka på det lilla kugghjulet som hör till rowstyle och sätt de klasser och stilelement(t. ex h3, span, div) du vill ha på dina fält.
Om du lägger till nya css-filer i ditt tema, glöm inte att inkludera dessa i .info filen.
Lycka till!
Malin
NodeOne
Tack! Detta kom jag på i
Tack! Detta kom jag på i gårkväll, men det hjälpte mig inte så mycket just då, troligtvis använde jag det på fel sätt.
Nu har jag i alla fall lyckats få till länkfärgerna - det var inte så svårt när jag väl fattat vad jag gjorde för fel.
Så här:
.views-field a, .views-field a:link, .views-field a:visited, .views-field a:hover
{
text-decoration:none;
color:#990000;
}
Då blir alla samma färg, men det är ju enkelt att byta på resp. visited och hover.
A-B
Ann-Britt
Tack för alla bra tips! "Row
Tack för alla bra tips!
"Row style: Node" löste problemet jag först var ute efter att lösa.
Semantic views är definitivt något jag ska kika på för att få till mina infoblock lite snyggare!
Tack också Azone för tipsen om sajterna med screencasts. Det kan vara till stor hjälp när man vill lära sig views som i början kan vara lite rörigt och svårt att förstå sig på. Men jag ser potentialen i det! Jag har många idéer om vad jag ska kunna använda det till framöver.