# Course Page

**Available sections:**&#x20;

### Courses Tabs Layout

1. Display teachers section
2. Display Course Image
   1. Course Cover Height
   2. Display Course Image on the top bar
   3. Default course image
3. Display course summary (Course Page)
4. Display course details (Course Page)
5. Display course dates
6. Hide course index navigation
7. Show Course Progress Bar

<figure><img src="/files/3fhkPBGC7ICTMeq7UOCv" alt=""><figcaption></figcaption></figure>

###

***

### Course Tabs

Customize the layout and appearance of course navigation tabs.

1. Course Tab Layout | **on/off**
2. Course Tab #2 Course Content (active by default) | **on/off**
3. **Tab Customization 1 - 5:**\
   All courses use the same material for consistency. Instructors can personalize courses by adding specific content. To do this, go to course page and turn on "Edit mode" and use the edit options to add unique resources (blocks).

<figure><img src="/files/R7paTNwrfYHDxhlykxE7" alt=""><figcaption></figcaption></figure>

***

### Activity Icons

Customize activity icon colors.

***

### Secondary navigation

1.

<figure><img src="/files/cNOR3xLRM7643DXYPmOu" alt=""><figcaption></figcaption></figure>

* Add Groups item to secondary navigation
* Enable additional menu items

<figure><img src="/files/QbBZxoLqUMWUs52LO3kF" alt=""><figcaption></figcaption></figure>

***

### Course Card

Customize course card appearance including access labels and buttons

1. **Course Description Modal Button**\
   If you click on the course description button, the course description will be displayed in a modal window.
2. **Course Language Badge** (Course - Settings - Appearance - Force Language)
3. Show custom fields

***

### **Enrollment Page**

Custom Fields (visible only on the enrollment page)

`Site administration -> Courses -> Default settings -> Course custom fields`

1. **Add a Text Area field**
2. **Name:** "Custom description on enrollment page" or any other
3. **Shortname:** enrolldesc (Important: Do not change this short name. )


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://rosea.gitbook.io/xy-moodle-theme/course-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
