I am trying to migrate to WebDataTree (V12.1) control from UltraWebTree. In the previous release in case the node text didn’t fit in the tree area – tree become wider. WebDataTree keeps the width and the node wraps to the other line.
Is it possible to archive the same behavior in WebDataTree (no node wrapping)?
hey,
if you remove the Width property of the WebDataTree, you won't experience this behavior. Let me know if this helps.
Thanks,
Angel
on the other hand, if you keep the width, and have longer node texts, you will see a horizontal scrollbar for the control - the text won't wrap.
Thanks
Sample of the page with wrapping problem.
Hello MPilger ,
If the width of the cell element is set and is less than the width required by the tree then it would generate a scrollbar.
Otherwise if there’s no specific width set for the cell it would expand according to the width of its content.
For example you can refer to the attached sample with table with two cells. In it the cell containing the tree is inside a cell with no width set so the cell will get expanded based on the width required for the tree.
Let me know if this is what you’re aiming to achieve.
Best Regards,
Maya Kirova
Developer Support Engineer II
Infragistics, Inc.
http://es.infragistics.com/support
Hello Maya.
Thank you very much for the sample. I did modified it a bit with idea to demonstrate our goal. We would like to have tree control on the left and on the right side all the space reserved for grid control. But unfortunatelly WDG is always too small and always has a scroll bar. The code looks like that:
<div style="width: 100%;">
<ig:WebScriptManager ID="WebScriptManager1" runat="server" />
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<ig:WebDataTree ID="WebDataTree1" runat="server" Height="100%">
...
</ig:WebDataTree>
</td>
<td style="background-color: Green; width: 100%;">
</tr>
</table>
</div>
Sorry, WDT of course.
I applied the changes from your code snippet however I didn’t get the same behavior.
I’ve attached the sample I used to test it together with a screenshot. Please test it on your side and let me know if you’re able to reproduce this using the sample.
If you can then let me know the exact version of the browser and in what document and browser mode it’s in.
If you cannot reproduce it then please feel free to modify the sample so that it reproduces your issue and attach it to the thread.
I’m looking forward to your reply.
That was it, thank you very much.
I’ve looked further into this and it seems that the issue is due to a difference in the css files.
In newer version the css files have been modified .I’m attaching the Office2007Black style from the latest Service release for 12.1: 12.1.20121.2209
Please upgrade your version to the latest Service release version, change the references in your project to point to the new version , then delete that style from your ig_res folder. After you can select the WebDataTree in design view and view its properties in the Properties tab and from the StyleSetName property click “import”. Then select the Office2007Black so that the tree can add the new style in the ig_res folder.
You can download the latest service release for your version by following these steps:
1) Go to http://es.infragistics.com/ and log in with your account.
2) Select “Account”. This will open the “My keys and downloads” page.
3) Select your product
4) Select the “Service releases” tab .
Here you will find the latest service release available for download.
Let me know if you have any questions.
Whole solution:
I’ve tested this with that style on Ie9. However I was not able to reproduce this. Please refer to the attached screenshot.
Let me know if perhaps there’s something else that needs to be changed from the attached sample in order to reproduce this.
Thanks for the sample. I made only one change in web.config: styleSetName="Office2007Black"
The problem is still there: