2015-08-25 6 views
1

У меня есть TreeView для всплывающего меню. Когда я добавляю новый TreeNode с изображением на TreeView, по умолчанию изображение появляется в левой части текста TreeNode.Показать изображение вправо от текста в TreeView в asp.net

Мой ASPX код

<asp:TreeView ID="TreeView1" runat="server" ImageSet="Arrows" ExpandDepth="1" NodeIndent="10" 
     BackColor="White" Font-Bold="False" Font-Italic="False" Font-Names="Andalus" 
     Font-Size="Small"> 
     <HoverNodeStyle Font-Underline="False" /> 
     <Nodes> 
      <asp:TreeNode Text="Parent 1" Value="Print"> 
       <asp:TreeNode Text="Node 1" Value="01"></asp:TreeNode> 
       <asp:TreeNode Text="Node 2" Value="02"></asp:TreeNode> 
      </asp:TreeNode> 
      <asp:TreeNode Text="Parent 2" Value="03"></asp:TreeNode> 
      <asp:TreeNode Text="Parent 3" Value="04" ImageUrl="images/blinking_new.gif"> 
      </asp:TreeNode>     
      <asp:TreeNode Text="Parent 4" Value="05"></asp:TreeNode> 
     </Nodes> 
     <NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" HorizontalPadding="5px" 
      NodeSpacing="0px" VerticalPadding="0px" /> 
     <ParentNodeStyle Font-Bold="True" ForeColor="#5555DD" /> 
     <SelectedNodeStyle Font-Underline="True" HorizontalPadding="0px" VerticalPadding="0px" 
      BackColor="#FF99CC" ImageUrl="" /> 
    </asp:TreeView> 

И Выход

enter image description here

Но я хочу, что изображение должно быть опубликовано в правой части текста.

Как:

enter image description here

Как это сделать? Есть ли какое-либо свойство TreeNode, чтобы сделать это ИЛИ мне нужно написать css. Я также искал много, но не смог решить.

Ваше ценное предложение будет высоко оценено.

+0

Вы можете поместить изображение внутри 'treenode' теги? Я не уверен, но, может быть, это может вам помочь. –

+1

Нет, он не поддерживается –

ответ

0

Вы можете попробовать это:

<asp:TreeNode Text="Parent 3" Value="04" ImageUrl="images/blinking_new.gif" class="new"> 
</asp:TreeNode>     

и в вашем CSS

.new image { 
    float: right; 
    /*try maybe also to use relative position*/ 
} 
+0

спасибо. 'TreeNode' не имеет свойства' CssClass'. Но я добавил его в 'NodeStyle', но, к сожалению, он не работал. –

+0

Может быть, вместо класса asp' CssClass' использовать атрибут html 'class'? –

+0

нет не работает тоже –