Menu on Admin side is misaligned (4.3)

acidon · #1 01-10-2010, 03:22 PM

Just installed a clean 4.3.

Everything is great so far except .... wierdly missaligned Menu items on admin side. Distance between some of them differs from the distance between the others, making the menu completely unreadable for me

Does anyone else experiencing the same problem? If yes, did you guys found the solution to make the distance between all menu items the same?

Thx in advance!

acidon · #2 01-11-2010, 02:05 PM

Ok, had to fix it myself..

I understand the programmers logic to group certain menu items together, and to separate those groups with larger whitespace, HOWEVER it makes it 10 times harder for me to scan those with my eyes..

Here is how to fix it :

1) Go to /single/menu_box.tpl.

2) Replace :

Code:

{capture name=menu1}
<div class="menu-box first-box">
<a href="{$catalogs.admin}/orders.php?date=M" class="VertMenuItems">{$lng.lbl_this_month_orders}</a><br />
<a href="{$catalogs.admin}/orders.php" class="VertMenuItems">{$lng.lbl_search_orders_menu}</a><br />
{if $active_modules.Subscriptions ne ""}
{include file="modules/Subscriptions/subscriptions_menu.tpl"}<br />
{/if}
{if $active_modules.RMA ne ""}
{include file="modules/RMA/admin_menu.tpl"}<br />
{/if}
</div>
<div class="menu-box">
<a href="{$catalogs.admin}/statistics.php" class="VertMenuItems">{$lng.lbl_statistics}</a><br />
{if $active_modules.Customer_Reviews ne ""}
<a href="{$catalogs.admin}/ratings_edit.php" class="VertMenuItems">{$lng.lbl_edit_ratings}</a><br />
{/if}
{if $active_modules.Survey ne ""}
{include file="modules/Survey/admin_menu.tpl"}
{/if}
</div>
<div class="menu-box">
<a href="{$catalogs.admin}/users.php" class="VertMenuItems">{$lng.lbl_users}</a><br />
<a href="{$catalogs.admin}/memberships.php" class="VertMenuItems">{$lng.lbl_membership_levels}</a><br />
<a href="{$catalogs.admin}/titles.php" class="VertMenuItems">{$lng.lbl_titles}</a><br />
{if $active_modules.Stop_List ne ""}
{include file="modules/Stop_List/stop_list_menu.tpl"}<br />
{/if}
</div>
<div class="menu-box">
{if $active_modules.Special_Offers ne ""}
{include file="modules/Special_Offers/menu_provider.tpl"}<br />
{/if}
<a href="{$catalogs.provider}/discounts.php" class="VertMenuItems">{$lng.lbl_discounts}</a><br />
{if $active_modules.Discount_Coupons ne ""}
<a href="{$catalogs.provider}/coupons.php" class="VertMenuItems">{$lng.lbl_coupons}</a><br />
{/if}
{if $active_modules.Gift_Certificates ne ""}
{include file="modules/Gift_Certificates/gc_admin_menu.tpl"}<br />
{/if}
{if $active_modules.Wishlist}
<a href="{$catalogs.admin}/wishlists.php" class="VertMenuItems">{$lng.lbl_wish_lists}</a><br />
{/if}
</div>
<div class="menu-box">
<a href="{$catalogs.admin}/file_manage.php" class="VertMenuItems">{$lng.lbl_files}</a><br />
{if $active_modules.News_Management}
<a href="{$catalogs.admin}/news.php" class="VertMenuItems">{$lng.lbl_news_management}</a><br />
{/if}
</div>
<a href="{$catalogs.admin}/import.php" class="VertMenuItems">{$lng.lbl_import_export}</a><br />
{/capture}
{include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_management menu_content=$smarty.capture.menu1}
<br />
{capture name="menu2"}
<div class="menu-box">
<a href="{$catalogs.admin}/categories.php" class="VertMenuItems">{$lng.lbl_categories}</a><br />
{if $active_modules.Manufacturers}
<a href="{$catalogs.admin}/manufacturers.php" class="VertMenuItems">{$lng.lbl_manufacturers}</a><br />
{/if}
</div>
<div class="menu-box">
<a href="{$catalogs.provider}/product_modify.php" class="VertMenuItems">{$lng.lbl_add_new_product}</a><br />
<a href="{$catalogs.admin}/search.php" class="VertMenuItems">{$lng.lbl_products}</a><br />
{if $active_modules.Product_Configurator ne ""}
{include file="modules/Product_Configurator/pconf_menu_provider.tpl"}<br />
{/if}
{if $active_modules.Feature_Comparison ne ""}
{include file="modules/Feature_Comparison/admin_menu.tpl"}
{/if}
{if $active_modules.Extra_Fields ne ""}
<a href="{$catalogs.provider}/extra_fields.php" class="VertMenuItems">{$lng.lbl_extra_fields}</a><br />
{/if}
</div>
<a href="{$catalogs.provider}/inv_update.php" class="VertMenuItems">{$lng.lbl_update_inventory}</a><br />
{/capture}
{include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_catalog menu_content=$smarty.capture.menu2 }
<br />
{capture name="menu3"}
<div class="menu-box">
<a href="{$catalogs.admin}/configuration.php" class="VertMenuItems">{$lng.lbl_general_settings}</a><br />
</div>
<div class="menu-box">
<a href="{$catalogs.admin}/payment_methods.php" class="VertMenuItems">{$lng.lbl_payment_methods}</a><br />
<a href="{$catalogs.admin}/card_types.php" class="VertMenuItems">{$lng.lbl_credit_card_types}</a><br />
</div>
<div class="menu-box">
<a href="{$catalogs.admin}/countries.php" class="VertMenuItems">{$lng.lbl_countries}</a><br />
<a href="{$catalogs.admin}/states.php" class="VertMenuItems">{$lng.lbl_states}</a><br />
<a href="{$catalogs.provider}/zones.php" class="VertMenuItems">{$lng.lbl_destination_zones}</a><br />
</div>
<div class="menu-box">
<a href="{$catalogs.admin}/taxes.php" class="VertMenuItems">{$lng.lbl_taxing_system}</a><br />
</div>
<a href="{$catalogs.admin}/configuration.php?option=Shipping" class="VertMenuItems">{$lng.lbl_menu_shipping_options}</a><br />
<a href="{$catalogs.admin}/shipping.php" class="VertMenuItems">{$lng.lbl_shipping_methods}</a><br />
{if $config.Shipping.enable_shipping eq "Y"}
<a href="{$catalogs.provider}/shipping_rates.php" class="VertMenuItems">{$lng.lbl_shipping_charges}</a><br />
{if $config.Shipping.realtime_shipping eq "Y"}
<a href="{$catalogs.provider}/shipping_rates.php?type=R" class="VertMenuItems">{$lng.lbl_shipping_markups}</a><br />
{/if}
{/if}
{if $active_modules.UPS_OnLine_Tools ne ""}
<a href="{$catalogs.admin}/ups.php" class="VertMenuItems">{$lng.lbl_ups_online_tools}</a><br />
{/if}
{/capture}
{include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_settings menu_content=$smarty.capture.menu3}
<br />
{capture name="menu4"}
<div class="menu-box">
<a href="{$catalogs.admin}/general.php" class="VertMenuItems">{$lng.lbl_summary}</a><br />
</div>
<div class="menu-box">
<a href="{$catalogs.admin}/db_backup.php" class="VertMenuItems">{$lng.lbl_db_backup_restore}</a><br />
</div>
<div class="menu-box">
<a href="{$catalogs.admin}/modules.php" class="VertMenuItems">{$lng.lbl_modules}</a><br />
<a href="{$catalogs.admin}/languages.php" class="VertMenuItems">{$lng.lbl_languages}</a><br />
</div>
<div class="menu-box">
<a href="{$catalogs.admin}/pages.php" class="VertMenuItems">{$lng.lbl_static_pages}</a><br />
<a href="{$catalogs.admin}/speed_bar.php" class="VertMenuItems">{$lng.lbl_speed_bar}</a><br />
<a href="{$catalogs.admin}/editor_mode.php" class="VertMenuItems">{$lng.lbl_webmaster_mode}</a><br />
<a href="{$catalogs.admin}/file_edit.php" class="VertMenuItems">{$lng.lbl_edit_templates}</a><br />
<a href="{$catalogs.admin}/html_catalog.php" class="VertMenuItems">{$lng.lbl_html_catalog}</a><br />
<a href="{$catalogs.admin}/images_location.php" class="VertMenuItems">{$lng.lbl_images_location}</a><br />
</div>
<a href="{$catalogs.admin}/patch.php" class="VertMenuItems">{$lng.lbl_patch_upgrade}</a><br />
{/capture}
{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_administration menu_content=$smarty.capture.menu4 }
<br />

continued in next post v

acidon · #3 01-11-2010, 02:06 PM

with:

Code:

{capture name=menu1}
<div class="menu-box first-box">
<a href="{$catalogs.admin}/orders.php?date=M" class="VertMenuItems">{$lng.lbl_this_month_orders}</a><br />
<a href="{$catalogs.admin}/orders.php" class="VertMenuItems">{$lng.lbl_search_orders_menu}</a><br />
{if $active_modules.Subscriptions ne ""}
{include file="modules/Subscriptions/subscriptions_menu.tpl"}<br />
{/if}
{if $active_modules.RMA ne ""}
{include file="modules/RMA/admin_menu.tpl"}<br />
{/if}
<a href="{$catalogs.admin}/statistics.php" class="VertMenuItems">{$lng.lbl_statistics}</a><br />
{if $active_modules.Customer_Reviews ne ""}
<a href="{$catalogs.admin}/ratings_edit.php" class="VertMenuItems">{$lng.lbl_edit_ratings}</a><br />
{/if}
{if $active_modules.Survey ne ""}
{include file="modules/Survey/admin_menu.tpl"}
{/if}
<a href="{$catalogs.admin}/users.php" class="VertMenuItems">{$lng.lbl_users}</a><br />
<a href="{$catalogs.admin}/memberships.php" class="VertMenuItems">{$lng.lbl_membership_levels}</a><br />
<a href="{$catalogs.admin}/titles.php" class="VertMenuItems">{$lng.lbl_titles}</a><br />
{if $active_modules.Stop_List ne ""}
{include file="modules/Stop_List/stop_list_menu.tpl"}<br />
{/if}
{if $active_modules.Special_Offers ne ""}
{include file="modules/Special_Offers/menu_provider.tpl"}<br />
{/if}
<a href="{$catalogs.provider}/discounts.php" class="VertMenuItems">{$lng.lbl_discounts}</a><br />
{if $active_modules.Discount_Coupons ne ""}
<a href="{$catalogs.provider}/coupons.php" class="VertMenuItems">{$lng.lbl_coupons}</a><br />
{/if}
{if $active_modules.Gift_Certificates ne ""}
{include file="modules/Gift_Certificates/gc_admin_menu.tpl"}<br />
{/if}
{if $active_modules.Wishlist}
<a href="{$catalogs.admin}/wishlists.php" class="VertMenuItems">{$lng.lbl_wish_lists}</a><br />
{/if}
<a href="{$catalogs.admin}/file_manage.php" class="VertMenuItems">{$lng.lbl_files}</a><br />
{if $active_modules.News_Management}
<a href="{$catalogs.admin}/news.php" class="VertMenuItems">{$lng.lbl_news_management}</a><br />
{/if}
<a href="{$catalogs.admin}/import.php" class="VertMenuItems">{$lng.lbl_import_export}</a><br />
</div>
{/capture}
{include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_management menu_content=$smarty.capture.menu1}
<br />
{capture name="menu2"}
<div class="menu-box">
<a href="{$catalogs.admin}/categories.php" class="VertMenuItems">{$lng.lbl_categories}</a><br />
{if $active_modules.Manufacturers}
<a href="{$catalogs.admin}/manufacturers.php" class="VertMenuItems">{$lng.lbl_manufacturers}</a><br />
{/if}
<a href="{$catalogs.provider}/product_modify.php" class="VertMenuItems">{$lng.lbl_add_new_product}</a><br />
<a href="{$catalogs.admin}/search.php" class="VertMenuItems">{$lng.lbl_products}</a><br />
{if $active_modules.Product_Configurator ne ""}
{include file="modules/Product_Configurator/pconf_menu_provider.tpl"}<br />
{/if}
{if $active_modules.Feature_Comparison ne ""}
{include file="modules/Feature_Comparison/admin_menu.tpl"}
{/if}
{if $active_modules.Extra_Fields ne ""}
<a href="{$catalogs.provider}/extra_fields.php" class="VertMenuItems">{$lng.lbl_extra_fields}</a><br />
{/if}
<a href="{$catalogs.provider}/inv_update.php" class="VertMenuItems">{$lng.lbl_update_inventory}</a><br />
</div>
{/capture}
{include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_catalog menu_content=$smarty.capture.menu2 }
<br />
{capture name="menu3"}
<div class="menu-box">
<a href="{$catalogs.admin}/configuration.php" class="VertMenuItems">{$lng.lbl_general_settings}</a><br />
<a href="{$catalogs.admin}/payment_methods.php" class="VertMenuItems">{$lng.lbl_payment_methods}</a><br />
<a href="{$catalogs.admin}/card_types.php" class="VertMenuItems">{$lng.lbl_credit_card_types}</a><br />
<a href="{$catalogs.admin}/countries.php" class="VertMenuItems">{$lng.lbl_countries}</a><br />
<a href="{$catalogs.admin}/states.php" class="VertMenuItems">{$lng.lbl_states}</a><br />
<a href="{$catalogs.provider}/zones.php" class="VertMenuItems">{$lng.lbl_destination_zones}</a><br />
<a href="{$catalogs.admin}/taxes.php" class="VertMenuItems">{$lng.lbl_taxing_system}</a><br />
<a href="{$catalogs.admin}/configuration.php?option=Shipping" class="VertMenuItems">{$lng.lbl_menu_shipping_options}</a><br />
<a href="{$catalogs.admin}/shipping.php" class="VertMenuItems">{$lng.lbl_shipping_methods}</a><br />
{if $config.Shipping.enable_shipping eq "Y"}
<a href="{$catalogs.provider}/shipping_rates.php" class="VertMenuItems">{$lng.lbl_shipping_charges}</a><br />
{if $config.Shipping.realtime_shipping eq "Y"}
<a href="{$catalogs.provider}/shipping_rates.php?type=R" class="VertMenuItems">{$lng.lbl_shipping_markups}</a><br />
{/if}
{/if}
{if $active_modules.UPS_OnLine_Tools ne ""}
<a href="{$catalogs.admin}/ups.php" class="VertMenuItems">{$lng.lbl_ups_online_tools}</a><br />
{/if}
</div>
{/capture}
{include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_settings menu_content=$smarty.capture.menu3}
<br />
{capture name="menu4"}
<div class="menu-box">
<a href="{$catalogs.admin}/general.php" class="VertMenuItems">{$lng.lbl_summary}</a><br />
<a href="{$catalogs.admin}/db_backup.php" class="VertMenuItems">{$lng.lbl_db_backup_restore}</a><br />
<a href="{$catalogs.admin}/modules.php" class="VertMenuItems">{$lng.lbl_modules}</a><br />
<a href="{$catalogs.admin}/languages.php" class="VertMenuItems">{$lng.lbl_languages}</a><br />
<a href="{$catalogs.admin}/pages.php" class="VertMenuItems">{$lng.lbl_static_pages}</a><br />
<a href="{$catalogs.admin}/speed_bar.php" class="VertMenuItems">{$lng.lbl_speed_bar}</a><br />
<a href="{$catalogs.admin}/editor_mode.php" class="VertMenuItems">{$lng.lbl_webmaster_mode}</a><br />
<a href="{$catalogs.admin}/file_edit.php" class="VertMenuItems">{$lng.lbl_edit_templates}</a><br />
<a href="{$catalogs.admin}/html_catalog.php" class="VertMenuItems">{$lng.lbl_html_catalog}</a><br />
<a href="{$catalogs.admin}/images_location.php" class="VertMenuItems">{$lng.lbl_images_location}</a><br />
<a href="{$catalogs.admin}/patch.php" class="VertMenuItems">{$lng.lbl_patch_upgrade}</a><br />
</div>
{/capture}
{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_administration menu_content=$smarty.capture.menu4 }
<br />

Hope someone is gonna need it

gizmo · #4 01-12-2010, 07:17 AM

Not an issue at all for me using Latest, slight confused as to what you meant, shame you didn't take a screen shot, would Of like to have seen what was happening.

BTW:
Was this in all browsers?

cflsystems · #5 01-13-2010, 04:30 AM

That's the way of QT to kinda group similar items together instead of using horizontal line between

drudden · #6 04-06-2010, 03:36 PM

Quote:

Originally Posted by acidon

I understand the programmers logic to group certain menu items together, and to separate those groups with larger whitespace, HOWEVER it makes it 10 times harder for me to scan those with my eyes..

Agreed...it takes me twice as long to find the menu item in this version. Taking out the extra <div>'s is the way to go.

cflsystems · #7 04-06-2010, 06:28 PM

You will feel way better if you put all of the menu items in a horizontal dropdown menu - it will free lots of space and you can group the items any way you want. Did that a long time ago and can't live without it now. Not sure way QT doesn't make it like this by default

acidon · #8 04-06-2010, 06:55 PM

I found this on x-cart suggestions site:

http://ideas.x-cart.com/forums/32109-feature-requests/suggestions/373174-a-horizontal-drop-down-admin-menu?ref=title

It seems that horizontal drop-down menu idea has been approved and currently under review, so we should see it sooner or later in future versions of x-cart