Arbeta med lyhörd innehåll

Responsive titlar anpassas automatiskt till vyn storlekar användarnas enheter. Inbyggda funktioner låter dig skapa titlar som automatiskt anpassar sig till olika enheter och enhets inriktningar. Dessa responsiv design funktioner eliminera behöva ha flera titlar eller genomföra komplexa förgrening.

För att de responsiva funktionerna och börja med en lyhörd titel, klicka på New Responsive titel från Komma igång fönstret eller klicka på Skapa ny titel från File fliken och välj Responsive titel . För att möjliggöra en befintlig titel, klicka Titel Alternativ på Design bandet och aktivera Responsive titel Aktivera kryssrutan. För mer information, se Utse en titel som lyhörd .

När din titel har aktiverats för responsiv design, är en enhet val bar läggas till din visningsområdet. Enheten markeringsfältet innehåller fem grafik som representerar vyer populära med dagens enheter.

Från vänster till höger, vyerna enhets är:

	Telefon stående läge
	Tablet stående läge
	skrivbordsvyn
	Tablet Landscape View
	Telefon Landscape View

Utsikten fältet kan du snabbt växla mellan vyer att kontrollera hur text och objekt visas i varje vy. När du lägger till objekt till titeln, är objekten optimalt skalas och flyttas för varje enhet view. Klicka på en enhet grafisk i markeringen för att se hur ditt innehåll kommer att se ut på varje enhet.

Pilarna som visas bredvid enheten grafik i enhetens markeringen representerar flödet av arv av de förändringar utvecklings som du gör i den aktuella enheten vyn. Pilarna indikerar riktningen för den responsiva arvs flöde, utgående från skrivbordet till tabletten och sedan till telefonen. Dessutom är färgen på pilen representativ för den anordning på vilken en överstyrning har framställts i en viss enhet vy (grön om override gjordes / ärvd från tabletten vyn eller orange om override gjordes på telefonen). Till exempel är egenskaperna för de objekt som visas i telefon stående läge ärvt från de aktuella inställningarna för egenskaper objekten i Tablet Portrait View.

En förändring du gör i den icke-Deskop enhet uppfattning betraktas som en överstyrning till lyhörd arv inställningen från den överordnade enheten. För att se hur åsido på ett objekt visas i arbetsområdet, lägga till ett objekt, som en bild eller textblock, byta till en enhetsvisning och flytta objektet. Lägg också märke till att färgen på adorners runt objektet och färgen på etiketten av fastigheten i bandet området förändras också när du flyttar objektet. Färgen indikerar att anordning i vilken en åsidosättning placerades på objektet. Ändra enhetsvisningen igen och märker hur override placeras i vyn.

Om du inte gillar hur ett åsidosättande visas kan du snabbt ångra override och återställ objektet till dess ursprungliga fastigheten inställning. Du kan återställa override i den aktuella vyn eller alla vyer. För att återställa en override på ett objekt genom att klicka Återställ i Åsido gruppen på Egenskaper band ( Properties , Style , Position och storlek ) för objektet eller högerklicka på objektet och välj Återställ Overrides . För att återställa en override för en tilldelningsbar enhet, kapitel, avsnitt eller sida, högerklicka på den och välj Reset override . Mer information finns i Återställa responsiv design åsido .

Off-sida placering objekt

För responsiva titel mönster som behöver ha olika objekt visas i stället för andra på olika enheter kan du byta objekt på och utanför sidan. Till exempel kanske du vill Image1 att visas på skrivbordet och tablett, men vill Image2 ska visas på telefonen. Under driftläge kommer endast objekt på sidan att visas, vilket innebär att om du drar objekt från en sida för en viss enhet, kommer de inte att visas under driftläge och publicera / förhandsvisning. Så i det här fallet, skulle du placera Image1 på sidan och placera Image2 utanför sidan för stationära och surfplattor vyer. I vyerna telefon, skulle du dra Image2 på sidan och dra Image1 off.

När du tar bort ett objekt från en lyhörd titel objektet bort från avdelning Explorer och alla enhetsvisningar i titeln. Du kommer att få ett varningsmeddelande när du tar bort objektet från vyer icke-stationära. Mer information finns i Ta bort ett objekt i en lyhörd titel .
Du kan använda villkorliga åtgärder för att placera lämpliga bilder på (eller av) på sidan. För mer information, se Ange villkor .
Off-sida objekt publiceras inte. Föremål som placeras utanför sidan i en vy inte refereras i publicerat innehåll om det inte finns en Flytta till handling i samband med föremålet Betydelsen här är att objektets resurser inte kommer att laddas ner till visningsenheten.

Snabbt flytta och ändra storlek på objekt i alla enheter utsikt

Du kan snabbt flytta och ändra storlek på objekt över alla enheter utan att ändra på varje vy. Detta gör att du kan tvångs flytta ett objekt till en önskad position / storlek oavsett dess arvs tillstånd. Medan flytta eller ändra storlek på en eller flera valda objekt, dra medan du håller ner Shift och Ctrl . Objekten på alla enheter ändras i enlighet därmed. För mer information om rörliga objekt med Ctrl + Shift dra och de regler som tillämpas, se Flytta och ändra storlek på objekt .

Gensvar skalning föremål

Som standard är de flesta objekt skalas för varje enhet vy efter införande med användning av en beräknad formel. Detta innebär att man tar objektets rektangulära information och den aktuella enheten användaren är i Upon omkopplingsanordningar, det föremål storlek och position är proportionellt skalas baserat på bredden av de två anordningarna med användning av de konstanter nedan.:

Device View	Bredd	Höjd
telefon porträtt	480	763
telefon Liggande	785	450
Tablet porträtt	785	1000
Tablet Landscape	1009	662
Desktop	1009	662

I icke-Deskop vyknapparna, menyer och formulärobjekt inte skalas. Dessutom finns det ingen skalning när skärmen för ljud är en regulator eller en högtalarikonen och tabeller innehåll när typen är listrutan.

Page höjd tillväxtregler

För objekt som passar i skrivbordssidan höjd sidan höjd andra vyer (särskilt Tablet Landskap och telefon Liggande) växa så att dessa objekt kommer att finnas kvar på sidan. (Detta gäller även från TabletLandscape till telefon Liggande.) Detta gäller föremål som är helt på sidan samt delvis på / stänga sidan. Om ett objekt är helt utanför sidan, då sidan inte kommer att växa för andra enheter.

Om bredden på ett textblock på skrivbordet uppfattning är sådan att den måste göras smalare - och textblocket vertikalt vuxit - på andra vyer, kommer sidan höjd i de andra vyer också växa för att tillgodose textblocket.

Responsive regler för objekt och text

Här är vad som väntar när man utvecklar med dessa element i responsiva titlar:

Kapitel, avsnitt, sidor, och AU	Sidans bredd är justerbar i skrivbords vyn (på både Design bandet och Egenskaper bandet. I de övriga responsiva vyerna, är bredden alltid fixerade. Sidan höjd ärvs bara på objektnivå. Med andra ord, den sida ärver från avsnittet ärver kapitlet från titeln, och så vidare. har sida höjd inte får ärvt över vyer (från skrivbordet för att sänka visningar). Du kan byta sida höjd i alla synpunkter på Designbandet och Egenskaper bandet . Den Inherit sidstorlek kryssrutan på Properties bandet gäller skrivbord view; och visas som Inherit Page höjd på de icke-stationära vyer eftersom sidan bredd kan ändras. Standard HTML-sidan justering för responsiva titlar är centrerad. Dessutom kan du inte justera HTML-sidan anpassningen på responsiva titlar. För befintliga titlar, om en vanlig (inte svarar) titel möjlighet att vara lyhörd, då centrerad HTML-sidan anpassning kommer att tillämpas och kontrollen inaktiverad (och lyhörda regler). Om en lyhörd titel byts en vanlig titel är HTML-sidan inriktningen fortfarande centrerad och styrningen är aktiverad så att du kan ändra det om så önskas.
Text	För responsiva titlar alternativ är tillgängliga för dig att bekvämt skala text i ett textblock. Detta är användbart när du justerar hur texten i ett textblock visas inom de olika enhetsvisningar för responsiva titlar. Skalning texten skapar en överstyrning av standard svarar arv. (Kontrollerna text skalning är inaktiverade på skrivbordet syn eftersom du inte kan skapa åsido i denna uppfattning. Dessutom kommer etiketterna inom områden ändra färger för att återspegla de aktuella åsidosätter värdena för varje enhet vy). I de fall där det finns flera textformat i ett textblock basen värden i textpanelen kommer att visa textstil av den första texten i blocket och en indikator - ± - att flera värden finns, till exempel 12 ±. Knappar har automatiska åsido om de innehåller text och kommer inte att skala för teckenstorlek. Detta säkerställer att knappen texten visas i samma storlek på alla enheter i stället för att skala nedåt från skrivbordet och blir mindre i de lägre enheterna.
Knappar	Knappar inte skalenliga.
Bilder	Bilder har normal skalning när förs in i en enhet. Om bilden passar på sidan som standard, är det också in i varje annan enhet som en override så att det är exakt samma size.If bilden är större än den aktuella enheten sida antingen horisontellt eller vertikalt, är bilden placeras i desktop enhet skalas sedan ner för enhetsvisningar. Om bilden är större än den aktuella enheten sida och större än skrivbordet är bilden placeras i skrivbords utsikt och skalas ner till gränserna för skrivbordet. Därifrån skalas längre ner för att den aktuella enheten. Bilderna inte skalas upp. För bilder som används i en bakgrund, är bilden skalas med hjälp av skalningsregler. Dessutom, om bakgrundsbild resurs på skrivbordet upprepar eller kakel, då det kommer att upprepa eller kakel i lägre vyer. Om det inte upprepas eller kakel på skrivbordet, då det hindras från att upprepa eller / kakel i lägre vyer.
former	Former har normal skalning efter att ha blivit insatt i en anordning. Om formen passar på sidan som standard, är det också införas i varje annan anordning som en åsidosättning, så att det är samma exakta size.If formen är större än den aktuella enhetens sida antingen horisontellt eller vertikalt, är formen placeras i desktop enhet skalas sedan ner för enhetsvisningar. Om bilden är större än den aktuella enheten sida och större än skrivbordet är bilden placeras i skrivbords utsikt och skalas ner till gränserna för skrivbordet. Därifrån skalas längre ner för att den aktuella enheten. Former skalas upp till skrivbordet om det dras någon annanstans, följ sedan svarar arv att flöda storleken tillbaka ner till lägre vyer. Detta bibehåller den ursprungliga storleken i vyn där dras utan att skapa en override. För former som används i en bakgrund, är formen skalas med hjälp av skalningsregler. Dessutom, om bakgrunden formen på stationära upprepar eller kakel, då det kommer att upprepa eller kakel i lägre vyer. Om det inte upprepas eller kakel på skrivbordet, då det hindras från att upprepa eller / kakel i lägre vyer.
tecken~~POS=TRUNC Poses	Tecken poser är bilder och därför använder samma responsiva skalningsregler.
animationer	Storleken skalas oavsett av utsikten och sedan skalas gensvar. Spel fortsätter när en enhet roteras. Resursen är vara overridable i andra enhetsvisningar.
Audio	Ljudobjekt behöver särskilda regler för skalning och storleksåsido på grund av regulator. Standarden ljudstyrenheten eller högtalare Ikonen inte skala och inte har en override kan storlek. Om användning av en bild som controllern är ljudobjekt skalas som andra bildobjekt och tillåter storleksåsidosättningar. Spel fortsätter när en enhet roteras. Resursen är vara overridable i andra enhetsvisningar.
Video	Den video storlek skalas oavsett av utsikten och sedan skalas gensvar. Uppspelning av video fortsätter när en enhet roteras. Videon controller inte overridable. Den valda controller eller bild används på alla enheter och vyer. Videon resurs är att overridable i andra enhetsvisningar.
Youtube videor	Uppspelning av video fortsätter när en enhet roteras. Videon controller inte overridable. Den valda controller eller bild används på alla enheter och vyer. Videon resurs är att overridable i andra enhetsvisningar.
Frågor, tester och undersökningar	I responsiva titlar är frågor insatta med automatiska åsido på frågan storlek och placering på alla enheter. Fastighets förändringar för frågor, tester och undersökningar kommer att fortplantas till alla vyer. Endast unika position och storlek förändringar kommer att tillåtas för fråga elementobjekt (till exempel text- och bildresurser). Standard bredd textblock ökar inom frågor så att när skalas ned de kommer att förhindra text från scrunching eller omslag. Ytterligare 10 px placeras mellan radioknappar / kryssrutor och deras etikettens text. Dra och släpp och hot spot frågor måste innehålla en bild med frågan. För denna bild rullgardinslistan bild resurs på bildens egenskaper bandet är inaktiverad. Bilden kan endast ändras med hjälp av fråga Skaparen. I likhet med andra fråge förändringar är denna förändring som appliceras på frågan i alla vyer. För hotspot frågor, är fläckarna justeras automatiskt över enhetsvisningar.
menyer	Menyn objektet behandlas som andra textbaserade objekt. Storleken inte skalas i vyer icke-stationära. Du kan skala text i vyer icke-stationära (på Properties band och Home band). Du kan öka text (Text öka / minska) i alla vyer (på Properties band och Home band).
Innehållsförteckningar	Innehållsförteckning föremål behandlas som andra textbaserade objekt. Storleken på objektet inte automatiskt ändras. Text skalning är tillgänglig på utsikt icke-stationära (på Egenskaper band och Home band). Du kan öka text (Text öka / minska) i alla vyer (på Properties band och Home band).
Progress Bars	Framsteg barer som innehåller bilder, samma bildskalnings regler tillämpas. För närvarande är endast förloppsindikator orientering overridable.
formulär objekt	Storleken på formulärobjekt inte får skalas automatiskt baserat på inheritance..You kommer att behöva göra dem till en annan storlek om så önskas. Detta inkluderar den associerade textetikett för kryssrutor och alternativknappar. Text skalning är tillgänglig på utsikt icke-stationära (på Egenskaper band och Home band). Du kan öka text (Text öka / minska) i alla vyer (på Properties band och Home band). Skalning texten upp eller ner kommer inte automatiskt ändra storleken på formulärobjektet. Du kommer att behöva ändra storleken vara lämpliga för textstorlek, om så önskas. Formen objektegenskaper kommer inte att vara overridable.
HTML Extensions , RSS-feeds och Web Windows	Behållaren för dessa objekt skalas av position och storlek liknar bilderna.
Smarta textobjekt	Dessa inkluderar datum / tid, sidtitel, sidnummer och ströbröd. De hanteras på samma sätt som ett textblock vid fastställandet lyhörd storlek och position. Du kan öka text (Text öka / minska) i alla vyer (på Properties band och Home band). Du kan öka text (Text öka / minska) i alla vyer (på Properties band och Home band).
diagram	Diagram är bilder och därför använder samma responsiva skalningsregler.
ekvationer	Ekvationer är bilder och därför använder samma responsiva skalningsregler.
Åtgärder och Triggers	Åtgärder och triggers inte overridable. Du kan använda flera åtgärder och villkorliga åtgärder för att ändra beteendet mellan vyer. Använd Device Rotation avtryckaren för att ställa in åtgärder för att uppstå när en tablett eller telefon orientering roteras. Page nivå triggers (på Show , på PageShow ) inte refired när en enhet roteras. Detta hindrar föremål från att dölja eller visa olämpligt eller - ännu viktigare - Ändra Variabla åtgärder från att fördubblas upp. Om du vill ha en åtgärd för att förekomma i detta scenario, använd Device Rotation avtryckaren för att utföra det. Åtgärder kan villkoras så att du kan anropa olika beteenden på alternativa enhetsvisningar. Använd reserverade variabel CurrentView att jämföra mot. De lagrade värdena är: Desktop TabletLandscape TabletPortrait PhoneLandscape PhonePortrait Till exempel kan du jämföra det CurrentView ”är lika med” TabletLandscape eller ”Innehåller” Phone eller ”Innehåller inte” Desktop. (Du kan även genväg till exempel ”Innehåller” ”T” eftersom endast Tablet val innehålla en huvudstad T, eller ”Innehåller” ”L”, eftersom bara landskapet val innehålla en huvudstad L.) Om en Ändra Innehåll aktion exekveras på sidan efter den initiala last (till exempel, med hjälp av en knapp klick), då den resulterande tillståndet / utseende visas även när enheten roteras. Till exempel, om Change Innehåll A till nytt värde B utförs på enheten i liggande, när enheten roteras till stående den nya bilden B kommer fortfarande att visas.
sidlayouter	Du kan lägga till och hantera sidlayouter på Egenskaper bandet för sidan. Sidlayouter mappas för varje vy enhet för optimal avstånd, samtidigt ta hänsyn till de flesta teman. (Vissa teman har ovanligt bred bård, sidhuvud eller sidfot grafik. I sådana fall kan layouten överlappa något.) Om du skapar en sida med en layout och sedan besluta att ändra layouten för sidan. så länge det inte finns några föremål ännu tillsatta (dvs innehåller tomma layout behållare), är nuvarande utformning avlägsnas och ersätts med den nya layouten. Observera att om föremålen finns, är de inte tillämpas på den nya layouten. Den nyligen valda layout appliceras på sidan.
övergångar	Övergångar inte overridable.

För mer information, besök dessa RCD relaterade inlagor i vår Trivantis gemenskapen: