You should also style the button to suit your application.Menus Icon Bar Menu Icon Accordion Tabs Vertical Tabs Tab Headers Full Page Tabs Hover Tabs Top Navigation Responsive Topnav Split Navigation Navbar with Icons Search Menu Search Bar Fixed Sidebar Side Navigation Responsive Sidebar Fullscreen Navigation Off-Canvas Menu Hover Sidenav Buttons Sidebar with Icons Horizontal Scroll Menu Vertical Menu Bottom Navigation Responsive Bottom Nav Bottom Border Nav Links Right Aligned Menu Links Centered Menu Link Equal Width Menu Links Fixed Menu Slide Down Bar on Scroll Hide Navbar on Scroll Shrink Navbar on Scroll Sticky Navbar Navbar on Image Hover Dropdowns Click Dropdowns Cascading Dropdown Dropdown in Topnav Dropdown in Sidenav Resp Navbar Dropdown Subnavigation Menu Dropup Mega Menu Mobile Menu Curtain Menu Collapsed Sidebar Collapsed Sidepanel Pagination Breadcrumbs Button Group Vertical Button Group Sticky Social Bar Pill Navigation Responsive Header In this case, there is no mistake and confusion as to how the user can get more information about the company. If the infromation is to be on it's own screen in the application, then it is better to just be explicit and use a button: ![]() Note that clicking more info or the arrow should trigger the overlay panel: If the arrow is not clear enough, I would add some text. Unless clicking the company name does something else, I would make clicking the company name or the arrow show the overlay panel. This approach is how StackExchange displays more user information quickly in an overlayed panel: If the information is to be shown in a overlay panel, then a downward arrow should be suitable: ![]() The concept of more information is a bit abstract to represent with an icon that can easily translate across cultures. There are lots of ways to do this, but I would recommend against using an icon like the one you have chosen (which could be platform specific).
0 Comments
Leave a Reply. |