diff --git a/CHANGELOG.md b/CHANGELOG.md
index a13b329f1..d3453aa0b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 
 ## [Unreleased]
 
+- [#276](https://github.com/os2display/display-admin-client/pull/276)
+  - Added Colibo feed type form.
+  - Fixed feed type selector when unsupported type.
+
 ## [2.4.0] - 2025-03-31
 
 - [#281](https://github.com/os2display/display-admin-client/pull/281)
diff --git a/src/components/feed-sources/feed-source-form.jsx b/src/components/feed-sources/feed-source-form.jsx
index 82410fd18..31b7d2d8f 100644
--- a/src/components/feed-sources/feed-source-form.jsx
+++ b/src/components/feed-sources/feed-source-form.jsx
@@ -1,5 +1,5 @@
 import { React } from "react";
-import { Button, Row, Col } from "react-bootstrap";
+import { Alert, Button, Row, Col } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import PropTypes from "prop-types";
@@ -12,6 +12,7 @@ import FormInput from "../util/forms/form-input";
 import CalendarApiFeedType from "./templates/calendar-api-feed-type";
 import NotifiedFeedType from "./templates/notified-feed-type";
 import EventDatabaseApiFeedType from "./templates/event-database-feed-type";
+import ColiboFeedType from "./templates/colibo-feed-type";
 import StickyFooter from "../util/sticky-footer";
 import EventDatabaseApiV2FeedType from "./templates/event-database-v2-feed-type";
 
@@ -22,7 +23,6 @@ import EventDatabaseApiV2FeedType from "./templates/event-database-v2-feed-type"
  * @param {object} props.feedSource The feed-source object to modify in the form.
  * @param {Function} props.handleInput Handles form input.
  * @param {Function} props.handleSubmit Handles form submit.
- * @param {Function} props.handleSaveNoClose Handles form submit with close.
  * @param {string} props.headerText Headline text.
  * @param {boolean} [props.isLoading] Indicator of whether the form is loading.
  *   Default is `false`
@@ -32,6 +32,7 @@ import EventDatabaseApiV2FeedType from "./templates/event-database-v2-feed-type"
  * @param {string} props.mode The mode
  * @param {Function} props.onFeedTypeChange Callback on feed type change.
  * @param {Function} props.handleSecretInput Callback on secret input change.
+ * @param {Function} props.handleSaveNoClose Handles save but stays on page.
  * @returns {object} The feed-source form.
  */
 function FeedSourceForm({
@@ -50,6 +51,10 @@ function FeedSourceForm({
   const { t } = useTranslation("common", { keyPrefix: "feed-source-form" });
   const navigate = useNavigate();
 
+  const typeInOptions =
+    !feedSource?.feedType ||
+    feedSourceTypeOptions.find((el) => el.value === feedSource.feedType);
+
   return (
     <>
       <Form>
@@ -77,15 +82,33 @@ function FeedSourceForm({
                 value={feedSource.description}
                 onChange={handleInput}
               />
-              <FormSelect
-                name="feedType"
-                formGroupClasses="mb-2"
-                label={t("feed-source-feed-type-label")}
-                value={feedSource.feedType}
-                onChange={onFeedTypeChange}
-                disabled={mode === "PUT"}
-                options={feedSourceTypeOptions}
-              />
+              {typeInOptions && (
+                <FormSelect
+                  name="feedType"
+                  formGroupClasses="mb-2"
+                  label={t("feed-source-feed-type-label")}
+                  value={feedSource.feedType}
+                  onChange={onFeedTypeChange}
+                  disabled={mode === "PUT"}
+                  options={feedSourceTypeOptions}
+                />
+              )}
+              {!typeInOptions && (
+                <>
+                  <FormInput
+                    name="title"
+                    formGroupClasses="mb-2"
+                    type="text"
+                    disabled
+                    label={t("feed-source-feed-type-label")}
+                    value={feedSource.feedType}
+                    onChange={() => {}}
+                  />
+                  <Alert className="mt-4" variant="warning">
+                    {t("feed-type-not-supported")}
+                  </Alert>
+                </>
+              )}
 
               {feedSource?.feedType === "App\\Feed\\CalendarApiFeedType" && (
                 <CalendarApiFeedType
@@ -95,6 +118,14 @@ function FeedSourceForm({
                   feedSourceId={feedSource["@id"]}
                 />
               )}
+              {feedSource?.feedType === "App\\Feed\\ColiboFeedType" && (
+                <ColiboFeedType
+                  handleInput={handleSecretInput}
+                  formStateObject={feedSource.secrets}
+                  mode={mode}
+                  feedSourceId={feedSource["@id"]}
+                />
+              )}
               {feedSource?.feedType ===
                 "App\\Feed\\EventDatabaseApiFeedType" && (
                 <EventDatabaseApiFeedType
diff --git a/src/components/feed-sources/feed-source-manager.jsx b/src/components/feed-sources/feed-source-manager.jsx
index e41fffb29..0499cd172 100644
--- a/src/components/feed-sources/feed-source-manager.jsx
+++ b/src/components/feed-sources/feed-source-manager.jsx
@@ -61,10 +61,29 @@ function FeedSourceManager({
   ] = usePutV2FeedSourcesByIdMutation();
 
   const feedSourceTypeOptions = [
+    {
+      value: "App\\Feed\\CalendarApiFeedType",
+      title: t("dynamic-fields.calendar-api-feed-type.title"),
+      key: "0",
+      secretsDefault: {
+        locations: [],
+      },
+    },
+    {
+      value: "App\\Feed\\ColiboFeedType",
+      title: t("colibo-feed-type.title"),
+      key: "1",
+      secretsDefault: {
+        api_base_uri: "",
+        client_id: "",
+        client_secret: "",
+        recipients: [],
+      },
+    },
     {
       value: "App\\Feed\\EventDatabaseApiFeedType",
       title: t("dynamic-fields.event-database-api-feed-type.title"),
-      key: "1",
+      key: "2",
       secretsDefault: {
         host: "",
       },
@@ -81,19 +100,11 @@ function FeedSourceManager({
     {
       value: "App\\Feed\\NotifiedFeedType",
       title: t("dynamic-fields.notified-feed-type.title"),
-      key: "2",
+      key: "3",
       secretsDefault: {
         token: "",
       },
     },
-    {
-      value: "App\\Feed\\CalendarApiFeedType",
-      title: t("dynamic-fields.calendar-api-feed-type.title"),
-      key: "0",
-      secretsDefault: {
-        locations: [],
-      },
-    },
     {
       value: "App\\Feed\\RssFeedType",
       title: t("dynamic-fields.rss-feed-type.title"),
diff --git a/src/components/feed-sources/templates/colibo-feed-type.jsx b/src/components/feed-sources/templates/colibo-feed-type.jsx
new file mode 100644
index 000000000..fce873c3e
--- /dev/null
+++ b/src/components/feed-sources/templates/colibo-feed-type.jsx
@@ -0,0 +1,108 @@
+import { React, useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import { useTranslation } from "react-i18next";
+import { Alert } from "react-bootstrap";
+import MultiselectFromEndpoint from "../../slide/content/multiselect-from-endpoint";
+import ConfigLoader from "../../../config-loader";
+import FormInput from "../../util/forms/form-input";
+
+const ColiboFeedType = ({
+  feedSourceId,
+  handleInput,
+  formStateObject,
+  mode,
+}) => {
+  const { t } = useTranslation("common", {
+    keyPrefix: "colibo-feed-type",
+  });
+
+  const [optionsEndpoint, setOptionsEndpoint] = useState(null);
+
+  useEffect(() => {
+    if (feedSourceId && feedSourceId !== "") {
+      ConfigLoader.loadConfig().then((config) => {
+        let endpoint = config.api;
+        endpoint = endpoint.replace(/\/$/, "");
+        endpoint += feedSourceId;
+        endpoint += "/config/recipients";
+
+        setOptionsEndpoint(endpoint);
+      });
+    }
+  }, [feedSourceId]);
+
+  return (
+    <>
+      {!feedSourceId && (
+        <Alert className="mt-4" variant="warning">
+          {t("save-before-recipients-can-be-set")}
+        </Alert>
+      )}
+
+      <FormInput
+        name="api_base_uri"
+        type="text"
+        label={t("api-base-uri")}
+        className="mb-2"
+        onChange={handleInput}
+        placeholder={
+          mode === "PUT" ? t("redacted-value-input-placeholder") : ""
+        }
+        value={formStateObject?.api_base_uri}
+      />
+
+      <FormInput
+        name="client_id"
+        type="text"
+        className="mb-2"
+        label={t("client-id")}
+        onChange={handleInput}
+        placeholder={
+          mode === "PUT" ? t("redacted-value-input-placeholder") : ""
+        }
+        value={formStateObject?.client_id}
+      />
+
+      <FormInput
+        name="client_secret"
+        type="text"
+        label={t("client-secret")}
+        onChange={handleInput}
+        placeholder={
+          mode === "PUT" ? t("redacted-value-input-placeholder") : ""
+        }
+        value={formStateObject?.client_secret}
+      />
+
+      <Alert className="mt-4" variant="info">
+        {t("values-info")}
+      </Alert>
+
+      {optionsEndpoint && (
+        <MultiselectFromEndpoint
+          onChange={handleInput}
+          name="allowed_recipients"
+          disableSearch={false}
+          label={t("allowed-recipients")}
+          value={formStateObject.allowed_recipients ?? []}
+          optionsEndpoint={optionsEndpoint}
+          helpText={t("allowed-recipients-help")}
+        />
+      )}
+    </>
+  );
+};
+
+ColiboFeedType.propTypes = {
+  handleInput: PropTypes.func,
+  formStateObject: PropTypes.shape({
+    api_base_uri: PropTypes.string,
+    client_id: PropTypes.string,
+    client_secret: PropTypes.string,
+    allowed_recipients: PropTypes.arrayOf(PropTypes.string),
+  }),
+  feedSourceId: PropTypes.string,
+  mode: PropTypes.string,
+};
+
+export default ColiboFeedType;
diff --git a/src/components/slide/content/content-form.jsx b/src/components/slide/content/content-form.jsx
index 254e2051e..bc5536436 100644
--- a/src/components/slide/content/content-form.jsx
+++ b/src/components/slide/content/content-form.jsx
@@ -72,7 +72,7 @@ function ContentForm({
         }
 
         returnElement = (
-          <div key={formData.key}>
+          <div key={formData.key} className={formData.formGroupClasses}>
             {formData?.label && (
               <label htmlFor={formData.name} className="form-label">
                 {formData.label}
@@ -123,7 +123,7 @@ function ContentForm({
             errors={formData.required ? errors : null}
             label={formData.label}
             helpText={formData.helpText}
-            value={formStateObject[formData.name]}
+            value={formStateObject[formData.name] ?? formData?.defaultValue}
             onChange={onChange}
             formGroupClasses={formData.formGroupClasses}
           />
diff --git a/src/components/slide/content/feed-selector.jsx b/src/components/slide/content/feed-selector.jsx
index f008b6d0a..b233b5af2 100644
--- a/src/components/slide/content/feed-selector.jsx
+++ b/src/components/slide/content/feed-selector.jsx
@@ -134,7 +134,9 @@ function FeedSelector({
           value={getValueFromConfiguration(element.name)}
           label={element.label}
           optionsEndpoint={element.endpoint}
-          singleSelect={formElement.singleSelect ?? false}
+          disableSearch={element.disableSearch ?? false}
+          singleSelect={element.singleSelect ?? false}
+          helpText={element.helpText ?? null}
         />
       );
     }
diff --git a/src/components/slide/content/multiselect-from-endpoint.jsx b/src/components/slide/content/multiselect-from-endpoint.jsx
index c4fcef82a..acabe4b9f 100644
--- a/src/components/slide/content/multiselect-from-endpoint.jsx
+++ b/src/components/slide/content/multiselect-from-endpoint.jsx
@@ -16,6 +16,7 @@ import { displayError } from "../../util/list/toast-component/display-toast";
  * @param {string} props.optionsEndpoint - Endpoint from which to fetch the options.
  * @param {boolean} props.singleSelect - Allow only to select one option.
  * @param {boolean} props.disableSearch - Disable search. Defaults to true.
+ * @param {string | null} props.helpText - Help text.
  * @returns {object} - The FeedSelector component.
  */
 function MultiselectFromEndpoint({
@@ -26,6 +27,7 @@ function MultiselectFromEndpoint({
   value = [],
   disableSearch = true,
   singleSelect = false,
+  helpText = null,
 }) {
   const { t } = useTranslation("common");
   const [options, setOptions] = useState(null);
@@ -98,6 +100,7 @@ function MultiselectFromEndpoint({
           }}
           filterCallback={() => {}}
           label={label ?? t("multiselect.select")}
+          helpText={helpText}
         />
       )}
     </>
@@ -112,6 +115,7 @@ MultiselectFromEndpoint.propTypes = {
   optionsEndpoint: PropTypes.string.isRequired,
   singleSelect: PropTypes.bool,
   disableSearch: PropTypes.bool,
+  helpText: PropTypes.string,
 };
 
 export default MultiselectFromEndpoint;
diff --git a/src/translations/da/common.json b/src/translations/da/common.json
index ecc177eb5..7531e59ef 100644
--- a/src/translations/da/common.json
+++ b/src/translations/da/common.json
@@ -282,6 +282,9 @@
       "save-feed-source-error": "Der skete en fejl da feed source skulle gemmes:",
       "load-feed-source-error": "Der skete en fejl da feed source med følgende id: {{id}} skulle hentes:"
     },
+    "colibo-feed-type": {
+      "title": "Colibo"
+    },
     "dynamic-fields": {
       "event-database-api-feed-type": {
         "title": "Eventdatabase API",
@@ -294,13 +297,13 @@
         "redacted-value-input-placeholder": "Skjult værdi"
       },
       "calendar-api-feed-type": {
-        "title": "Kalender feed",
+        "title": "Kalender",
         "locations": "Lokationer",
         "redacted-value-input-placeholder": "Skjult værdi",
         "save-before-locations-can-be-set": "Bemærk! Datakilden skal gemmes før der kan tilkobles lokationer. Gem og åbn datakilden igen."
       },
       "rss-feed-type": {
-        "title": "RSS feed"
+        "title": "RSS"
       }
     },
     "event-database-api-v2-feed-type": {
@@ -311,6 +314,7 @@
     "feed-source-name-label": "Navn",
     "feed-source-description-label": "Beskrivelse",
     "feed-source-feed-type-label": "Type",
+    "feed-type-not-supported": "Typen understøttes ikke af administrationen.",
     "save-button": "Gem datakilde og luk",
     "save-without-close-button": "Gem datakilde",
     "cancel-button": "Annuller"
@@ -1138,6 +1142,17 @@
     "future": "Fremtidig",
     "expired": "Udløbet"
   },
+  "colibo-feed-type": {
+    "title": "Colibo feed",
+    "api-base-uri": "API Base URI",
+    "client-id": "Client ID",
+    "client-secret": "Client Secret",
+    "values-info": "Værdierne Client ID og Client Secret findes ved at oprette en API klient i \"Systemadministration\" -> \"API adgangshåndtering\" i Colibo intranet.",
+    "allowed-recipients": "Tilladte modtagergrupper",
+    "redacted-value-input-placeholder": "Skjult værdi",
+    "save-before-recipients-can-be-set": "Bemærk! Datakilden skal gemmes før der kan tilkobles tilladte modtagergrupper. Gem og åbn datakilden igen.",
+    "allowed-recipients-help": "Det er kun disse modtagergrupper, der vil være tilgængelige, når man opretter et slide, der bruger datakilden."
+  },
   "event-database-api-v2-feed-type": {
     "title": "Event databasen v.2",
     "host": "Host",