Node image resize

[richard]

Hi
I undertand I can set width or max-width of node image using css:

#ExploreTreeView img

{

max-width:16px;

max-height:16px

}

I would like to be able to set the image max width programatically though as it needs to be different for certain nodes.
I noticed there is a style property with RadTadTreeNode, I tried this:

C#
newNode.Style.Value= "img {max-width:22px}";
I really don't know if this syntax is correct, but this doesn't work for me.

Can anyone suggect the right way for me to define the image width/max-width programatically?


Thanks
Richard

 

[Princy]

Hello,

Try the following way if you are using <asp:image>.
CS:

protected void Page_Load(object sender, EventArgs e)
{
  if (!Page.IsPostBack)
   {
     RadTreeView1.DataBind();
     RadTreeNode node = RadTreeView1.Nodes[0];
     Image img11 = (Image)node.FindControl("img1");
     img11.Width = Unit.Pixel(500);
   }
}

If you are using ImageUrl property of RadTreeview, then you can simply add the following CSS to set the width.
CSS:

<style type="text/css">
 .rtImg
  {
    width:10px !important;
  }
</style>

Thanks,
Princy.

[richard]

Thanks for your help Princy,

unfortunately the solution changes the image size for every tree node, but I need to be able to set the dimensions on a node by node basis, with a variable width.

Any ideas?

Best Regards
Richard

[Dimitar Terziev]

Hello Richard,

I've prepared a sample page which I believe would fit your requirements. A different CSS class is applied for different nodes based on custom attribute.

Regards,
Dimitar Terziev
the Telerik team

[richard]

Hello Dimitar,
many thanks for your help.

I think I should explain what I am trying to do:-

I want to allow a user to right click a node and allow : choose or upload the icons for expand and collapse, choose or upload the node icon, additionally allow specify icon sizes - for the selected node.  The expand and collapse icons need to be inheritted from that that node onwards.

The details for the node will be held in an xml file or possibly in a database, if no details a re found for the node then apply default attributes.

Perhaps a good approach would be to generate the css file at runtime,  maybe I should be looking at  'dynamic css'.

Regards
Richard

[Dimitar Terziev]

Hi Richard,

The scenario that you want to achieve is quite complex, but what I could think of as an approach will be to dynamically modify the existing CSS using jQuery once an image is uploaded for a specific node.

Regards,
Dimitar Terziev
the Telerik team

[richard]

Hello Dimitar
thanks for your advice.I will give this a go.

Best Regards
Richard