<div dir="ltr"><div class="gmail_quote"><div>Thank you Morten for your reply,<br><br>I see you have thought about it in depth and your arguments are very strong, a neet responsiveness is a must, especially when many people use cell phones and tablets to look for these types of written content. Options 1 and 2 will work for us.<br><br>Best!<br></div><div><br></div><div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><br>
----------------------------------------------------------------------<br><br>
<br>
Message: 2<br>
Date: Wed, 24 Feb 2021 09:42:19 +0000<br>
From: Morten Høfft <<a href="mailto:mhoefft@gbif.org" target="_blank">mhoefft@gbif.org</a>><br>
To: "Helpdesk, discussion and announcements for the GBIF hosted<br>
portals" <<a href="mailto:hosted-portals@lists.gbif.org" target="_blank">hosted-portals@lists.gbif.org</a>><br>
Subject: Re: [Hosted-Portals] Add a landing page to the name of the<br>
dropdown menu<br>
Message-ID:<br>
<<a href="mailto:DBBPR09MB460351F05B2B3250140C63ACDF9F9@DBBPR09MB4603.eurprd09.prod.outlook.com" target="_blank">DBBPR09MB460351F05B2B3250140C63ACDF9F9@DBBPR09MB4603.eurprd09.prod.outlook.com</a>><br>
<br>
Content-Type: text/plain; charset="iso-8859-1"<br>
<br>
It isn't possible to do so. Most notably because it wouldn't work well on tablets.<br>
<br>
On tablets you wouldn't be able to trigger the dropdown but would instead follow the link.<br>
We could of course then try to differentiate between touching the arrow vs touching the text, but the click target area would be really small and make for a bad UI in my opinion.<br>
<br>
On laptops/desktop there is the opposite issue, where there is a fair chance no one will ever notice that the top level item is clickable. This isn't an issue if all you do on that page is a short intro with links to the subpages, but if you have more content then it is a shame that laptop users won't notice.<br>
<br>
It also put restraint on what we can do in the future if we decide to trigger dropdowns on click instead of the current hover. And it would make mobile navigation more convoluted if we decided to collapse menu items in the burger (those 3 lines) menu.<br>
<br>
I see these options<br>
<br>
Options 1<br>
Keep the top level link and remove the dropdown.<br>
The landing page would then link to the items previously in the dropdown (you could use a documentation<<a href="https://hp-base-theme.gbif-staging.org/layout/documentation" rel="noreferrer" target="_blank">https://hp-base-theme.gbif-staging.org/layout/documentation</a>> layout or compose a landing page using features<<a href="https://hp-base-theme.gbif-staging.org/layout/compose" rel="noreferrer" target="_blank">https://hp-base-theme.gbif-staging.org/layout/compose</a>>)<br>
<br>
Option 2<br>
Create a dropdown with the content<br>
<br>
* MenuItem<br>
* Introduction (this would be the page you otherwise had attached to MenuItem)<br>
* subitem 1<br>
* subitem 2<br>
<br>
And finally we can of course reconsider if we should support it if there is a general interest in it.<br>
<br>
I will be happy to discuss workarounds for your particular task - just create an issue in your repo or write me an email.<br>
<br>
Best<br>
Morten<br>
________________________________<br>
From: Hosted-Portals <<a href="mailto:hosted-portals-bounces@lists.gbif.org" target="_blank">hosted-portals-bounces@lists.gbif.org</a>> on behalf of Camila Andrea Plata Corredor <<a href="mailto:cplata@humboldt.org.co" target="_blank">cplata@humboldt.org.co</a>><br>
Sent: Wednesday, February 24, 2021 2:48 AM<br>
To: <a href="mailto:hosted-portals@lists.gbif.org" target="_blank">hosted-portals@lists.gbif.org</a> <<a href="mailto:hosted-portals@lists.gbif.org" target="_blank">hosted-portals@lists.gbif.org</a>><br>
Subject: [Hosted-Portals] Add a landing page to the name of the dropdown menu<br>
<br>
Dear all,<br>
<br>
We have a question about the menu structure set at _config.yml, It is possible to add a landing page to the name of the dropdown menu?<br>
<br>
For example, we would like to add the option to click in Layouts (<a href="https://hp-base-theme.gbif-staging.org/" rel="noreferrer" target="_blank">https://hp-base-theme.gbif-staging.org/</a>) and open a page, for that we tried using the following structure, and other variants, but it didn't work:<br>
<br>
- text: Name<br>
href: /Name<br>
menu: # Dropdown menu (one level deep only)<br>
- text: ...<br>
<br>
[<a href="https://lh5.googleusercontent.com/9BQRnT2jw8OZ_cBsoe6iAhpi13uZn1sHPK38FVvUotwC3WkDItvWa2kbi51B-JsEUouCYbqLM3-gXjCm_UDgn49jfBlJX0r0Yd2Ni8k5KuiT9bevfKXEMiml-kLA73YeOfeL9HJ1" rel="noreferrer" target="_blank">https://lh5.googleusercontent.com/9BQRnT2jw8OZ_cBsoe6iAhpi13uZn1sHPK38FVvUotwC3WkDItvWa2kbi51B-JsEUouCYbqLM3-gXjCm_UDgn49jfBlJX0r0Yd2Ni8k5KuiT9bevfKXEMiml-kLA73YeOfeL9HJ1</a>]<br>
<br>
It is possible to have such a landing page? How can we do it?<br>
<br>
Thank you in advance,<br>
<br>
<br>
--<br><br>
------------------------------<br>
<br>
Subject: Digest Footer<br>
<br>
_______________________________________________<br>
Hosted-Portals mailing list<br>
<a href="mailto:Hosted-Portals@lists.gbif.org" target="_blank">Hosted-Portals@lists.gbif.org</a><br>
<a href="https://lists.gbif.org/mailman/listinfo/hosted-portals" rel="noreferrer" target="_blank">https://lists.gbif.org/mailman/listinfo/hosted-portals</a><br>
<br>
<br>
------------------------------<br>
<br>
End of Hosted-Portals Digest, Vol 2, Issue 5<br>
********************************************<br>
</blockquote></div><br clear="all"><div><br></div>-- <div dir="ltr"><div style="width:350px;padding:20px;margin-top:20px;margin-left:5px"><div style="width:100%"><div style="color:rgb(77,111,93);font-weight:bold;margin-bottom:5px;font-size:0.9em"><span style="font-size:14px"><span style="font-family:Georgia,serif">Camila Andrea Plata Corredor</span></span></div><div style="margin-bottom:20px;color:rgb(157,157,156);font-size:0.8em"><span style="font-size:12px"><span style="font-family:Georgia,serif"><i>Equipo Coordinador Sistema de Información sobre Biodiversidad de Colombia</i></span></span></div></div></div></div></div>