Re: Disabled or Not applicable Tabs design

Hi Zaid,

On Fri, Feb 21, 2025 at 4:26 PM Zaid Shabbir <zaidshabbir(at)gmail(dot)com> wrote:

> 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]
>
That doesn't match the pgAdmin design. The colors which you mentioned are
already being used.

>
> 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"
>>
>

--
Thanks,
Aditya Toshniwal
pgAdmin Hacker | Sr. Staff SDE II | *enterprisedb.com*
<https://www.enterprisedb.com/>
"Don't Complain about Heat, Plant a TREE"