Content-Length: 280489 | pFad | https://github.com/lowcoder-org/lowcoder/issues/1291#issue-2649022338

08 [Feat]: Three enhancements for a Tabbed Container · Issue #1291 · lowcoder-org/lowcoder · GitHub
Skip to content

[Feat]: Three enhancements for a Tabbed Container #1291

@vsnshanmuganathan

Description

@vsnshanmuganathan

Feature 1: Tab headers are not sticky when scrolling. Please implement a switch to enable or disable sticky headers. This will prevent us from having to scroll to the top every time we want to switch between tabs.
https://github.com/user-attachments/assets/b307c19d-503d-4460-b75f-d24ef6adaada

Feature 2: Make the tab heights fill the screen. We currently have a fixed height for the tabs, but since each user has a different device, we cannot set a specific height for the tabs. Instead, similar to the Mobile Navigation, we should adjust the height of the tabs container to fill the screen.

Feature 3: Please refer to the video below. If we have multiple tabs or if the tab names are longer, the three-dot icon becomes misaligned, and the click behavior does not function as expected. To address this, we should implement a Horizontal Scroll feature, or ensure that the three-dot icon remains fixed at the end of the tabs, in accordance with the tabbed container design.

Screen.Recording.2024-11-11.at.4.39.31.PM.mov

Attached Project File:

test (1).json

Metadata

Metadata

Labels

ComponentsDedicated to Frontend Visual ComponentsJavascript FrontendPull requests that update Javascript code

Projects

Status

📋 Backlog

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions









    ApplySandwichStrip

    pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


    --- a PPN by Garber Painting Akron. With Image Size Reduction included!

    Fetched URL: https://github.com/lowcoder-org/lowcoder/issues/1291#issue-2649022338

    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy