# \#ui

**URL:** https://community.appfarm.io/tag/ui/1.md

[Latest](https://community.appfarm.io/latest.md) · [Categories](https://community.appfarm.io/categories.md) · [Tags](https://community.appfarm.io/tags.md)

---

## [Accessibility in dark theme](https://community.appfarm.io/t/accessibility-in-dark-theme/2468)

<div class="topic-metadata">

**Author:** [@Joanna](https://community.appfarm.io/u/Joanna)\
**Replies:** 1\
**Last updated:** [October 14, 2026, 12:29pm UTC](https://community.appfarm.io/t/accessibility-in-dark-theme/2468 "2026-10-14T12:29:08Z")

</div>

Hi! A small improvement suggestion: we use custom icons across several customer solutions. Since it’s not possible to upload entire icon sets, we end up with a lot of SVG resource files. When icons are black/dark gray, …

---

## [Scrolling with trackpad on iPad fails when hovering tables](https://community.appfarm.io/t/scrolling-with-trackpad-on-ipad-fails-when-hovering-tables/1982)

<div class="topic-metadata">

**Author:** [@KristianV](https://community.appfarm.io/u/KristianV)\
**Replies:** 3\
**Last updated:** [October 6, 2026, 2:50pm UTC](https://community.appfarm.io/t/scrolling-with-trackpad-on-ipad-fails-when-hovering-tables/1982 "2026-10-06T14:50:14Z")

</div>

We have a user reporting that scrolling with the trackpad on iPad sometimes fails. During testing, I’ve found that the issue seems to be related to tables: when hovering over a table, the view “rubberbands” but does not …

---

## [Select component doesn't inherit colors from parent container](https://community.appfarm.io/t/select-component-doesnt-inherit-colors-from-parent-container/2454)

<div class="topic-metadata">

**Author:** [@Joanna](https://community.appfarm.io/u/Joanna)\
**Replies:** 2\
**Last updated:** [September 30, 2026, 6:39am UTC](https://community.appfarm.io/t/select-component-doesnt-inherit-colors-from-parent-container/2454 "2026-09-30T06:39:24Z")

</div>

The Select component doesn’t inherit colors correctly if placed inside a container with a defined background color. Since there’s no way to define custom colors on the component, the only workaround seems to be styling v…

---

## ["Filtered" option for data sources as reusable component parameter](https://community.appfarm.io/t/filtered-option-for-data-sources-as-reusable-component-parameter/2428)

<div class="topic-metadata">

**Author:** [@oyvind.byhring](https://community.appfarm.io/u/oyvind.byhring)\
**Replies:** 1\
**Last updated:** [September 16, 2026, 6:29am UTC](https://community.appfarm.io/t/filtered-option-for-data-sources-as-reusable-component-parameter/2428 "2026-09-16T06:29:54Z")

</div>

I have a case where I want to create a reusable list-component, to use several places across my app. I want to connect this component to a single runtime data source, and send filtered content to each instance of the co…

---

## [Moving a parent container changes order of child elements](https://community.appfarm.io/t/moving-a-parent-container-changes-order-of-child-elements/2126)

<div class="topic-metadata">

**Author:** [@Joanna](https://community.appfarm.io/u/Joanna)\
**Replies:** 2\
**Last updated:** [August 6, 2026, 7:46am UTC](https://community.appfarm.io/t/moving-a-parent-container-changes-order-of-child-elements/2126 "2026-08-06T07:46:46Z")

</div>

Hi, When moving a parent container, the order of its child elements sometimes changes unexpectedly (see screen recording). I’ve noticed this a couple of times since yesterday. The container I’m moving in the reco…

---

## [Scroll not working on visibility group with slide transition](https://community.appfarm.io/t/scroll-not-working-on-visibility-group-with-slide-transition/2399)

<div class="topic-metadata">

**Author:** [@martin.kvalsund](https://community.appfarm.io/u/martin.kvalsund)\
**Replies:** 3\
**Last updated:** [July 28, 2026, 5:19am UTC](https://community.appfarm.io/t/scroll-not-working-on-visibility-group-with-slide-transition/2399 "2026-07-28T05:19:07Z")

</div>

We are experiencing that the slide transition option in visibility groups suddenly prevents scrolling from working on children inside the visibility group, as if the slide option sets the visibility group as a parent tha…

---

## [Delete fails to remove components](https://community.appfarm.io/t/delete-fails-to-remove-components/2398)

<div class="topic-metadata">

**Author:** [@mortenhs](https://community.appfarm.io/u/mortenhs)\
**Replies:** 1\
**Last updated:** [July 20, 2026, 9:08am UTC](https://community.appfarm.io/t/delete-fails-to-remove-components/2398 "2026-07-20T09:08:06Z")

</div>

Hello! We encountered an issue where “Delete” failed to delete some components in one of our (Dev only) apps (see screen recording below). Neither right-clicking and choosing delete, nor using the Delete button on the k…

---

## [Optional Up/Down Spinner Controls to Text Edit (Number)](https://community.appfarm.io/t/optional-up-down-spinner-controls-to-text-edit-number/2397)

<div class="topic-metadata">

**Author:** [@ei1](https://community.appfarm.io/u/ei1)\
**Replies:** 1\
**Last updated:** [July 13, 2026, 7:21am UTC](https://community.appfarm.io/t/optional-up-down-spinner-controls-to-text-edit-number/2397 "2026-07-13T07:21:54Z")

</div>

Hi Appfarm team! :waving\_hand: It would be great if the Text Edit component with Input Type = Number could support optional built-in up/down spinner controls, similar to a native HTML number input. It would be even bet…

---

## [Context / selected: UI doesn't seem to reflect the changed behavior](https://community.appfarm.io/t/context-selected-ui-doesnt-seem-to-reflect-the-changed-behavior/2374)

<div class="topic-metadata">

**Author:** [@Joanna](https://community.appfarm.io/u/Joanna)\
**Replies:** 3\
**Last updated:** [June 25, 2026, 10:43am UTC](https://community.appfarm.io/t/context-selected-ui-doesnt-seem-to-reflect-the-changed-behavior/2374 "2026-06-25T10:43:55Z")

</div>

Hi, what used to be context/selected when setting filters on iterating containers has recently been split into 2 separate choices. This has some benefits, but it’s no longer possible to set up the old “either/or” behavi…

---

## [Default gap on flex containers](https://community.appfarm.io/t/default-gap-on-flex-containers/2380)

<div class="topic-metadata">

**Author:** [@Joanna](https://community.appfarm.io/u/Joanna)\
**Replies:** 1\
**Last updated:** [June 15, 2026, 7:14am UTC](https://community.appfarm.io/t/default-gap-on-flex-containers/2380 "2026-06-15T07:14:35Z")

</div>

Hey! Any plans on adding default gap on flex containers as a property one can set at the theme level? Would spare quite some clicks.

---

## [Tiny visual bug](https://community.appfarm.io/t/tiny-visual-bug/2373)

<div class="topic-metadata">

**Author:** [@mortenhs](https://community.appfarm.io/u/mortenhs)\
**Replies:** 5\
**Last updated:** [June 11, 2026, 11:07am UTC](https://community.appfarm.io/t/tiny-visual-bug/2373 "2026-06-11T11:07:14Z")

</div>

Hello, When working with the “Create File Archive” node, the Path field clips the succeeding section “Output”.

---

## [Relation-Based UI Fields Not Displaying Data After Latest Update](https://community.appfarm.io/t/relation-based-ui-fields-not-displaying-data-after-latest-update/2341)

<div class="topic-metadata">

**Author:** [@stian.aldeholm](https://community.appfarm.io/u/stian.aldeholm)\
**Replies:** 2\
**Last updated:** [May 7, 2026, 9:54am UTC](https://community.appfarm.io/t/relation-based-ui-fields-not-displaying-data-after-latest-update/2341 "2026-05-07T09:54:28Z")

</div>

After the latest update, UI fields that rely on relational data are now empty. For example, fields using nested relations such as Company.Department.Name previously displayed the department name correctly, but now retur…

---

## [Large white space appears when tapping text input on iPad – installed app only](https://community.appfarm.io/t/large-white-space-appears-when-tapping-text-input-on-ipad-installed-app-only/2316)

<div class="topic-metadata">

**Author:** [@KristianV](https://community.appfarm.io/u/KristianV)\
**Replies:** 1\
**Last updated:** [April 1, 2026, 5:15am UTC](https://community.appfarm.io/t/large-white-space-appears-when-tapping-text-input-on-ipad-installed-app-only/2316 "2026-04-01T05:15:12Z")

</div>

We have a user experiencing a visual bug when tapping into text fields in our Appfarm app on iPad. When a text input receives focus, a large white area appears on screen — seemingly as if the layout is making room for a …

---

## [Custom map not diplaying past zoom level 18](https://community.appfarm.io/t/custom-map-not-diplaying-past-zoom-level-18/2278)

<div class="topic-metadata">

**Author:** [@oscar.harestad](https://community.appfarm.io/u/oscar.harestad)\
**Replies:** 6\
**Last updated:** [March 19, 2026, 6:41am UTC](https://community.appfarm.io/t/custom-map-not-diplaying-past-zoom-level-18/2278 "2026-03-19T06:41:07Z")

</div>

Hi! I have an issue when using the map component in Appfarm Create. I’m trying to use a custom map layer (e.g. Mapbox, MapTiler) but I cannot zoom beyond zoom level 18. The map tiles don’t seem to be loading. There is n…

---

## [Appfarm AI inserts components with incorrect / unsupported property configuration](https://community.appfarm.io/t/appfarm-ai-inserts-components-with-incorrect-unsupported-property-configuration/2290)

<div class="topic-metadata">

**Author:** [@Kaspar](https://community.appfarm.io/u/Kaspar)\
**Replies:** 2\
**Last updated:** [February 27, 2026, 8:16am UTC](https://community.appfarm.io/t/appfarm-ai-inserts-components-with-incorrect-unsupported-property-configuration/2290 "2026-02-27T08:16:05Z")

</div>

Working with Appfarm AI, I keep running into a recurring issue: it sometimes inserts components with property configurations that aren’t supported in Appfarm Create (at least not in a way a human developer can reproduce …

---

## [Deploy changes show all apps](https://community.appfarm.io/t/deploy-changes-show-all-apps/2277)

<div class="topic-metadata">

**Author:** [@mortenhs](https://community.appfarm.io/u/mortenhs)\
**Replies:** 1\
**Last updated:** [February 24, 2026, 3:15pm UTC](https://community.appfarm.io/t/deploy-changes-show-all-apps/2277 "2026-02-24T15:15:44Z")

</div>

Hello, EDIT: Problem disappeared for now after deploying everything in dev. Still curious as to what could have caused it in the first place, and if there is anything that we can do to avoid it occurring in the future. …

---

## [Tips from Appfarm Developers: Fullscreen Dialog vs View](https://community.appfarm.io/t/tips-from-appfarm-developers-fullscreen-dialog-vs-view/2272)

<div class="topic-metadata">

**Author:** [@rhys](https://community.appfarm.io/u/rhys)\
**Replies:** 0\
**Last updated:** [February 18, 2026, 2:22pm UTC](https://community.appfarm.io/t/tips-from-appfarm-developers-fullscreen-dialog-vs-view/2272 "2026-02-18T14:22:03Z")

</div>

:warning: A tip about the use of Fullscreen Dialog when blocking a user’s access to functionality: Since a dialog is just a popup window positioned above the existing HTML content, it is possible to delete this from the…

---

## [Is it possible to add custom icons?](https://community.appfarm.io/t/is-it-possible-to-add-custom-icons/65)

<div class="topic-metadata">

**Author:** [@torstro](https://community.appfarm.io/u/torstro)\
**Replies:** 4\
**Last updated:** [February 12, 2026, 12:44pm UTC](https://community.appfarm.io/t/is-it-possible-to-add-custom-icons/65 "2026-02-12T12:44:06Z")

</div>

Is it possible to add a custom icon to the icon picker from Resource Files?

---

## [Enabling autocomplete on a Select component changes the font size of the dropdown list](https://community.appfarm.io/t/enabling-autocomplete-on-a-select-component-changes-the-font-size-of-the-dropdown-list/2247)

<div class="topic-metadata">

**Author:** [@Joanna](https://community.appfarm.io/u/Joanna)\
**Replies:** 1\
**Last updated:** [February 3, 2026, 1:08pm UTC](https://community.appfarm.io/t/enabling-autocomplete-on-a-select-component-changes-the-font-size-of-the-dropdown-list/2247 "2026-02-03T13:08:31Z")

</div>

Hi, Noticed some odd behavior with Select components: enabling autocomplete changes the appearance of the options list. With autocomplete enabled: Without autocomplete enabled:

---

## [Animated GIFs possible?](https://community.appfarm.io/t/animated-gifs-possible/2227)

<div class="topic-metadata">

**Author:** [@oyvind.byhring](https://community.appfarm.io/u/oyvind.byhring)\
**Replies:** 2\
**Last updated:** [January 21, 2026, 9:45am UTC](https://community.appfarm.io/t/animated-gifs-possible/2227 "2026-01-21T09:45:28Z")

</div>

Is there any way to make animated GIFs work in Appfarm? I’ve tried uploading them and connecting them to the Image-component, but only the first frame is shown.

---

## [Custom icons in buttons](https://community.appfarm.io/t/custom-icons-in-buttons/2221)

<div class="topic-metadata">

**Author:** [@Joanna](https://community.appfarm.io/u/Joanna)\
**Replies:** 0\
**Last updated:** [January 14, 2026, 7:09am UTC](https://community.appfarm.io/t/custom-icons-in-buttons/2221 "2026-01-14T07:09:26Z")

</div>

Hi! We need to use custom icons in one of the projects, and I’m wondering if anyone knows a good workaround for using them in buttons (both regular and icon buttons) without having to rebuild accessibility, hover states,…

---

## [Container overflows preview canvas](https://community.appfarm.io/t/container-overflows-preview-canvas/2192)

<div class="topic-metadata">

**Author:** [@Lavrans](https://community.appfarm.io/u/Lavrans)\
**Replies:** 2\
**Last updated:** [January 5, 2026, 7:58am UTC](https://community.appfarm.io/t/container-overflows-preview-canvas/2192 "2026-01-05T07:58:46Z")

</div>

I have a container with max width 600 that makes all the content in mobile canvas preview in create. This makes everything very hard to read. Setting width to 100% makes it much easier to read, but padding on sides still…

---

## [Image preview backdrop click](https://community.appfarm.io/t/image-preview-backdrop-click/2186)

<div class="topic-metadata">

**Author:** [@erlendaas](https://community.appfarm.io/u/erlendaas)\
**Replies:** 4\
**Last updated:** [December 27, 2025, 8:23am UTC](https://community.appfarm.io/t/image-preview-backdrop-click/2186 "2025-12-27T08:23:25Z")

</div>

Hello, After the introduction of pinch-to-zoom in the image preview (which by the way is awesome!) we’ve received some feedback from our users. Previously it was possible to exit the preview by tapping the backdrop, and…

---

## [Draggable container can still be picked up when Drag Handler is not enabled](https://community.appfarm.io/t/draggable-container-can-still-be-picked-up-when-drag-handler-is-not-enabled/2170)

<div class="topic-metadata">

**Author:** [@oyvind.byhring](https://community.appfarm.io/u/oyvind.byhring)\
**Replies:** 1\
**Last updated:** [December 11, 2025, 11:30am UTC](https://community.appfarm.io/t/draggable-container-can-still-be-picked-up-when-drag-handler-is-not-enabled/2170 "2025-12-11T11:30:32Z")

</div>

Still working on getting comfortable with drag and drop, I now have a problem which is shown in the video below. I want to have an on-hover button that users can grab to drag and drop, and my setup is like this: Green …

---

## [Translation lost when text copied](https://community.appfarm.io/t/translation-lost-when-text-copied/2171)

<div class="topic-metadata">

**Author:** [@Joanna](https://community.appfarm.io/u/Joanna)\
**Replies:** 3\
**Last updated:** [December 11, 2025, 11:20am UTC](https://community.appfarm.io/t/translation-lost-when-text-copied/2171 "2025-12-11T11:20:10Z")

</div>

Hi! Is there a reason why the translation disappears when copying text from a text component, instead of being copied along with the original text? Or is this a bug?

---

## [Drag and drop appears to know if I drop "above or below". How do I use that info?](https://community.appfarm.io/t/drag-and-drop-appears-to-know-if-i-drop-above-or-below-how-do-i-use-that-info/2165)

<div class="topic-metadata">

**Author:** [@oyvind.byhring](https://community.appfarm.io/u/oyvind.byhring)\
**Replies:** 1\
**Last updated:** [December 5, 2025, 1:44pm UTC](https://community.appfarm.io/t/drag-and-drop-appears-to-know-if-i-drop-above-or-below-how-do-i-use-that-info/2165 "2025-12-05T13:44:30Z")

</div>

As seen in the video below, when I use the built-in drag and drop, Appfarm shows my droppable item below or above the content of the target container depending on where I have my cursor. Is there any way to use this info…

---

## [Width function ignored on larger breakpoints when using Mobile-First responsive strategy](https://community.appfarm.io/t/width-function-ignored-on-larger-breakpoints-when-using-mobile-first-responsive-strategy/2163)

<div class="topic-metadata">

**Author:** [@Joanna](https://community.appfarm.io/u/Joanna)\
**Replies:** 0\
**Last updated:** [December 4, 2025, 11:27am UTC](https://community.appfarm.io/t/width-function-ignored-on-larger-breakpoints-when-using-mobile-first-responsive-strategy/2163 "2025-12-04T11:27:41Z")

</div>

I’m using the mobile-first responsive strategy. I have a box whose width is controlled by a function, and on mobile it behaves as expected. However, when I try to override the width for larger breakpoints using a separat…

---

## [Shared component with Coded component: HTML not read correctly](https://community.appfarm.io/t/shared-component-with-coded-component-html-not-read-correctly/2147)

<div class="topic-metadata">

**Author:** [@Joanna](https://community.appfarm.io/u/Joanna)\
**Replies:** 3\
**Last updated:** [December 2, 2025, 9:48am UTC](https://community.appfarm.io/t/shared-component-with-coded-component-html-not-read-correctly/2147 "2025-12-02T09:48:08Z")

</div>

Hi, I have a custom component shared between apps with a coded component inside. The script part of the coded component seems to be working fine across apps. I also have a simple snippet in HTML content, though (a tag…

---

## [Actions inside a custom component](https://community.appfarm.io/t/actions-inside-a-custom-component/1464)

<div class="topic-metadata">

**Author:** [@Oystein\_Selbekk](https://community.appfarm.io/u/Oystein_Selbekk)\
**Replies:** 5\
**Last updated:** [December 2, 2025, 9:01am UTC](https://community.appfarm.io/t/actions-inside-a-custom-component/1464 "2025-12-02T09:01:34Z")

</div>

Hi guys. I am trying to create a custom component used in all my views. I am able to create a button and a popover inside my component. I order to show the popover, I need to create an Action and connect that to the even…

---

## [Appfarm’s built-in Maps Satellite layer](https://community.appfarm.io/t/appfarm-s-built-in-maps-satellite-layer/2149)

<div class="topic-metadata">

**Author:** [@ei1](https://community.appfarm.io/u/ei1)\
**Replies:** 2\
**Last updated:** [November 27, 2025, 10:53am UTC](https://community.appfarm.io/t/appfarm-s-built-in-maps-satellite-layer/2149 "2025-11-27T10:53:17Z")

</div>

Is it possible to have a satellite layer in Appfarm’s built-in Maps without using Mapbox?

[Next page](https://community.appfarm.io/tag/ui/1.md?match_all_tags=true&page=1&tags%5B%5D=ui)
