[Skip to main content](#vessel-content) # Showing Fields from Custom Order Table ## - **[chellemiller11](/forum/user/52634-chellemiller11 "View chellemiller11's Profile")** - [![chellemiller11's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/52634-chellemiller11 "View chellemiller11's Profile") Topic Author - [ Offline](/forum/user/52634-chellemiller11) Less More - Posts: 58 - Thank you received: 2 - - 8 years 9 months ago - 8 years 9 months ago [\#286831](#286831) by [chellemiller11](/forum/user/52634-chellemiller11 "View chellemiller11's Profile") *[Showing Fields from Custom Order Table](/forum/35-orders-management/893630-showing-fields-from-custom-order-table#286831 "-- url of the page with the problem -- : www.litterpicks.com -- HikaShop version -- : 3.2.2 -- Joomla version -- : 3.8.3 Not sure if this is a question or a suggestion--or whether I should ask it in Hikashop or Hikamarket forum... When a vendor is logged in to the front end and goes to the Order Details page in their portal, the layout showing all of the details of the order (including custom fields created in the order table) is not good. The row labels don't line up with the correct information. I'm attaching a screenshot showing the issue. Think this view might be ordermarket / show_block_fields.php It would be great if this was formatted similar to how the order is viewed by a buyer on the Customer order page. The layout of the custom order fields looks fine. (we've attached this screenshot as well showing how it looks fine for a customer) Any suggestions on how to fix this layout on the order page when viewed by a vendor? We've already added some CSS to make the labels that are longer than about 30 px show up on multiple lines instead of being cut off dl.hikam_options > dt { text-overflow: inherit !important; white-space: normal !important; } Any thoughts on how to line up the submitted order field data with the Field label?")* was created by *[chellemiller11](/forum/user/52634-chellemiller11 "View chellemiller11's Profile")* -- url of the page with the problem -- : [ www.litterpicks.com](http://www.litterpicks.com) -- HikaShop version -- : 3.2.2 -- Joomla version -- : 3.8.3 Not sure if this is a question or a suggestion--or whether I should ask it in Hikashop or Hikamarket forum... When a vendor is logged in to the front end and goes to the Order Details page in their portal, the layout showing all of the details of the order (including custom fields created in the order table) is not good. The row labels don't line up with the correct information. I'm attaching a screenshot showing the issue. Think this view might be ordermarket / show_block_fields.php It would be great if this was formatted similar to how the order is viewed by a buyer on the Customer order page. The layout of the custom order fields looks fine. (we've attached this screenshot as well showing how it looks fine for a customer) Any suggestions on how to fix this layout on the order page when viewed by a vendor? We've already added some CSS to make the labels that are longer than about 30 px show up on multiple lines instead of being cut off dl.hikam_options > dt { text-overflow: inherit !important; white-space: normal !important; } Any thoughts on how to line up the submitted order field data with the Field label? - [ ![OrderMarketViewwithcustomFields.png](/forum/attachment/42359) ](/forum/attachment/42359 "...stomFields.png") [ ](/forum/attachment/42359?download=1 "...stomFields.png") - [ ![Customerorderview.png](/forum/attachment/42362) ](/forum/attachment/42362 "...rorderview.png") [ ](/forum/attachment/42362?download=1 "...rorderview.png") Last edit: 8 years 9 months ago by [chellemiller11](/forum/user/52634-chellemiller11 "View chellemiller11's Profile"). Reason: added screenshot Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM1LW9yZGVycy1tYW5hZ2VtZW50Lzg5MzYzMC1zaG93aW5nLWZpZWxkcy1mcm9tLWN1c3RvbS1vcmRlci10YWJsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Away](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26396 - Thank you received: 4078 - - [](http://obsi.dev) - 8 years 9 months ago [\#286871](#286871) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Showing Fields from Custom Order Table](/forum/35-orders-management/893630-showing-fields-from-custom-order-table#286871 "-- url of the page with the problem -- : www.litterpicks.com -- HikaShop version -- : 3.2.2 -- Joomla version -- : 3.8.3 Not sure if this is a question or a suggestion--or whether I should ask it in Hikashop or Hikamarket forum... When a vendor is logged in to the front end and goes to the Order Details page in their portal, the layout showing all of the details of the order (including custom fields created in the order table) is not good. The row labels don't line up with the correct information. I'm attaching a screenshot showing the issue. Think this view might be ordermarket / show_block_fields.php It would be great if this was formatted similar to how the order is viewed by a buyer on the Customer order page. The layout of the custom order fields looks fine. (we've attached this screenshot as well showing how it looks fine for a customer) Any suggestions on how to fix this layout on the order page when viewed by a vendor? We've already added some CSS to make the labels that are longer than about 30 px show up on multiple lines instead of being cut off dl.hikam_options > dt { text-overflow: inherit !important; white-space: normal !important; } Any thoughts on how to line up the submitted order field data with the Field label?")* Hello, Regarding the comparison HikaMarket/HikaShop display, in the "customer" view, it's a table and it's not a dl/dt/dd structure. Table are not responsive so we don't use that anymore in HikaMarket. We choose a homogeneous display for the vendor order details and if the fields are too long there is a tooltip system which is activated. Afterwards, if your text is long, you can see to use a little CSS override to change only the order custom field display to be "not" in horizontal mode. It is also possible to perform a view override but the usage of CSS override is more appropriate. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM1LW9yZGVycy1tYW5hZ2VtZW50Lzg5MzYzMC1zaG93aW5nLWZpZWxkcy1mcm9tLWN1c3RvbS1vcmRlci10YWJsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[chellemiller11](/forum/user/52634-chellemiller11 "View chellemiller11's Profile")** - [![chellemiller11's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/52634-chellemiller11 "View chellemiller11's Profile") Topic Author - [ Offline](/forum/user/52634-chellemiller11) Less More - Posts: 58 - Thank you received: 2 - - 8 years 9 months ago - 8 years 9 months ago [\#286923](#286923) by [chellemiller11](/forum/user/52634-chellemiller11 "View chellemiller11's Profile") Replied by *[chellemiller11](/forum/user/52634-chellemiller11 "View chellemiller11's Profile")* on topic *[Showing Fields from Custom Order Table](/forum/35-orders-management/893630-showing-fields-from-custom-order-table#286923 "-- url of the page with the problem -- : www.litterpicks.com -- HikaShop version -- : 3.2.2 -- Joomla version -- : 3.8.3 Not sure if this is a question or a suggestion--or whether I should ask it in Hikashop or Hikamarket forum... When a vendor is logged in to the front end and goes to the Order Details page in their portal, the layout showing all of the details of the order (including custom fields created in the order table) is not good. The row labels don't line up with the correct information. I'm attaching a screenshot showing the issue. Think this view might be ordermarket / show_block_fields.php It would be great if this was formatted similar to how the order is viewed by a buyer on the Customer order page. The layout of the custom order fields looks fine. (we've attached this screenshot as well showing how it looks fine for a customer) Any suggestions on how to fix this layout on the order page when viewed by a vendor? We've already added some CSS to make the labels that are longer than about 30 px show up on multiple lines instead of being cut off dl.hikam_options > dt { text-overflow: inherit !important; white-space: normal !important; } Any thoughts on how to line up the submitted order field data with the Field label?")* OK. Thanks for the explanation Jerome. Makes sense. Not sure if this will help anyone else, but we fixed it using the following CSS Code: .hikamarket_order dl.hikam_options.large > dt, .hikamarket_order dl.hikam_options.large > dd { width: 100% !important; display: block !important; text-align: left !important; float: none !important; margin: 0 !important; padding: 10px 0 !important; } Last edit: 8 years 9 months ago by [Jerome](/forum/user/80-jerome "View Jerome's Profile"). Reason: [code] tag is nicer for code The following user(s) said Thank You: [Jerome](/forum/user/80-jerome "View Jerome's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM1LW9yZGVycy1tYW5hZ2VtZW50Lzg5MzYzMC1zaG93aW5nLWZpZWxkcy1mcm9tLWN1c3RvbS1vcmRlci10YWJsZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.051 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)