<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" type="topic" id="header-bars" xml:lang="sv">

  <info>
    <link type="guide" xref="patterns#primary"/>
    <desc>Element som löper längs toppen på fönster</desc>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Anders Jonsson</mal:name>
      <mal:email>anders.jonsson@norsjovallen.se</mal:email>
      <mal:years>2015, 2018</mal:years>
    </mal:credit>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Sebastian Rasmussen</mal:name>
      <mal:email>sebras@gmail.com</mal:email>
      <mal:years>2017, 2018</mal:years>
    </mal:credit>
  </info>

<title>Rubrikrader</title>

<media type="image" mime="image/svg" src="figures/patterns/header-bar.svg"/>

<p>Rubrikrader är ett vanligt horisontellt element som placeras längst upp i fönster. De fyller en rad olika funktioner:</p>

<list>
<item><p>Window controls — header bars allow windows to be moved by dragging, include window control buttons (typically a single close button), and provide access to a window controls menu.</p></item>
<item><p>Headings — a key role of a header bar is to provide context for the content of the window, either through a heading or view switcher.</p></item>
<item><p>Controls — header bars provide a place for key controls, typically in the form of buttons.</p></item>
</list>

<section id="when-to-use">
<title>När ska de användas</title>

<p>Rubrikrader rekommenderas för alla programfönster. De tillhandahåller ett antal fördelar över den traditionella kombinationen av titelrad, menyrad och verktygsrad. Detta inkluderar ett mindre vertikalt utnyttjande av utrymme samt dynamisk navigering och lägesförändringar (så som med <link xref="selection-mode">markeringsläge</link>).</p>

<p>Rubrikrader är inkompatibla med menyrader. Om ditt program redan har en menyrad bör du utvärdera alternativen som föreslås i dessa riktlinjer. Se <link xref="menu-bars">menyradsriktlinjer</link> för mer information om detta.</p>

</section>

<section id="controls">
<title>Komponenter</title>

<p>Rubrikrader kan innehålla huvudkomponenter för fönstret, som kan placeras på vänster eller höger sida av rubrikraden. Exempel på dessa komponenter inkluderar knappar för att navigera bakåt eller framåt, sökning och att markera innehåll.</p>

<p>Ensure that your header bar only contains a small number of key controls — this will help users to understand the primary functionality provided by the window, and will ensure that the window can be resized to narrow widths.</p>

<p>Om ett fönster kräver mer komponenter är vad som bekvämt kan få plats i rubrikraden, kan ytterligare funktionalitet inkluderas i en rubrikradsmeny.</p>

</section>

<section id="dynamic">
<title>Rubrikrader är dynamiska</title>

<p>A header bar can — and should — update along with view or mode changes. This ensures that header bar controls are always relevant to the current context.</p>

<p>Om fönstret innehåller flera vyer (som nås via en <link xref="view-switchers">vyväxlare</link>), kan rubrikraden innehålla olika komponenter för varje vy.</p>

<p>Om fönstret innehåller navigering, kan olika komponenter visas beroende på vad som visas i fönstret i sig. Det är vanligt att visa en bakåtknapp till vänster i rubrikraden vid navigering.</p>

</section>

<section id="additional-guidance">
<title>Ytterligare råd</title>

<list>
<item><p>En rubrikrad bör alltid tillhandahålla kontext för fönstret som den tillhör. Detta hjälper med fönsteridentifiering och tydliggör vad som visas i fönstret i sig. Detta kan antingen göras genom att placera en rubrik i mitten på rubrikraden eller genom att inkludera en <link xref="view-switchers">vyväxlare</link>.</p></item>
<item><p>Arrange controls within the header bar according to the three alignment points described in the <link xref="visual-layout">visual layout guidelines</link> — left, center and right.</p></item>
<item><p><gui>Ny</gui>- och bakåtknappar bör placeras på vänster sida av rubrikraden.</p></item>
<item><p>Säkerställ att det alltid finns plats för att en rubrikrad ska kunna dras. Detta är nödvändigt för att låta fönster flyttas eller ändra storlek.</p></item>
</list>

</section>

<section id="api-reference">
<title>API-referens</title>

<list>
<item><p><link href="https://developer.gnome.org/gtk3/stable/GtkHeaderBar.html">GtkHeaderBar</link></p></item>
</list>

</section>

</page>
