Re: Disabled or Not applicable Tabs design

Hello Aditya,

The above design looks good to me. We could improve visibility by adding
vertical and horizontal lines in a combination of blue, gray, and black.
Blue represents the current active tab, gray indicates a disabled tab, and
black signifies available clickable options.

e.g.

[image: Sample.png]

Regards,

Zaid Shabbir

On Fri, Feb 21, 2025 at 3:32 PM Aditya Toshniwal <
aditya(dot)toshniwal(at)enterprisedb(dot)com> wrote:

> Hi Hackers,
>
> Updated design:
>
> [image: image.png]
>
> On Fri, Feb 21, 2025 at 3:56 PM Aditya Toshniwal <
> aditya(dot)toshniwal(at)enterprisedb(dot)com> wrote:
>
>> Hi Dave,
>>
>> On Fri, Feb 21, 2025 at 3:21 PM Dave Page <dpage(at)pgadmin(dot)org> wrote:
>>
>>>
>>>
>>> On Fri, 21 Feb 2025 at 09:38, Aditya Toshniwal <
>>> aditya(dot)toshniwal(at)enterprisedb(dot)com> wrote:
>>>
>>>> Hi Hackers,
>>>>
>>>> I've been working on a new feature to restore a plain SQL using the
>>>> pgAdmin restore dialog. Internally, it will select pg_restore or psql based
>>>> on the format.
>>>>
>>>> Now, when restoring plain format the tabs like Data Options,
>>>> Query Options are not applicable. So instead of going and disabling all the
>>>> fields under these tabs, I think we can simply disable the complete tab.
>>>>
>>>> I've come up with the following UI design for the disabled tabs. The
>>>> tabs will enable/disable based on the format selected.
>>>>
>>>> Please share your feedback on this.
>>>>
>>>>
>>>> [image: image.png]
>>>>
>>>
>>> Normally when something is disabled, it is simply greyed out and made to
>>> not respond to input. Why not do the same here instead of designing a new
>>> way of indicating disabled state?
>>>
>> I thought of adding an icon for better accessibility. Greying is pretty
>> straightforward.
>>
>>>
>>> --
>>> Dave Page
>>> pgAdmin: https://www.pgadmin.org
>>> PostgreSQL: https://www.postgresql.org
>>> pgEdge: https://www.pgedge.com
>>>
>>>
>>
>> --
>> Thanks,
>> Aditya Toshniwal
>> pgAdmin Hacker | Sr. Staff SDE II | *enterprisedb.com*
>> <https://www.enterprisedb.com/>
>> "Don't Complain about Heat, Plant a TREE"
>>
>
>
> --
> Thanks,
> Aditya Toshniwal
> pgAdmin Hacker | Sr. Staff SDE II | *enterprisedb.com*
> <https://www.enterprisedb.com/>
> "Don't Complain about Heat, Plant a TREE"
>