2014-09-15 2 views
0

Это изображение, которое мы использовали, и css. Я пытаюсь реализовать то же самое в RAD Menu.Выравнивание изображения рядом с текстом

Как выровнять изображение справа от текста в Radmenuitem? Это изображение находится в моем решении.

На этом изображении, наведите курсор на текст и изображение, сдвиньте меню. Как это можно сделать в радменю?

enter image description here

<telerik:RadMenuItem ID="riComm" runat="server" Text="Communication" BackColor="#333333" CssClass="Cursor"></telerik:RadMenuItem> 
<telerik:RadMenuItem ID="riUpcoming" runat="server" Text="Appointment Book" BackColor="#333333" CssClass="Cursor"></telerik:RadMenuItem> 
+0

Можете ли вы предоставить скрипку или код тому, что вы сделали до сих пор? – Pbk1303

+0

@ user3757426 - Пожалуйста, предоставьте исходный код вывода RadMenu, чтобы мы могли ответить на этот вопрос. –

ответ

0

Пожалуйста, попробуйте ниже фрагмент кода.

<style> 
    .RadMenu .rmLeftImage { 
     float: right !important; 
    } 
</style> 
....... 
....... 
<telerik:RadMenu ID="RadMenu1" runat="server"> 
    <Items> 
     <telerik:RadMenuItem Text="Communication" runat="server" ImageUrl="http://demos.telerik.com/aspnet-ajax/menu/examples/functionality/expanddirection/Images/expandDirection/down.png"> 
      <Items> 
       <telerik:RadMenuItem Text="Communication1" runat="server"></telerik:RadMenuItem> 
       <telerik:RadMenuItem Text="Communication2" runat="server"></telerik:RadMenuItem> 
      </Items> 
     </telerik:RadMenuItem> 
     <telerik:RadMenuItem Text="Appointmnent book" runat="server" ImageUrl="http://demos.telerik.com/aspnet-ajax/menu/examples/functionality/expanddirection/Images/expandDirection/down.png"> 
      <Items> 
       <telerik:RadMenuItem Text="Appointmnent book1" runat="server"></telerik:RadMenuItem> 
       <telerik:RadMenuItem Text="Appointmnent book2" runat="server"></telerik:RadMenuItem> 
      </Items> 
     </telerik:RadMenuItem> 
    </Items> 
</telerik:RadMenu> 
Смежные вопросы