|
I have a bit of a problem... I have a need for a tree control that will do all the nice expand / collapse stuff with child nodes indented etc., but that will also have a set of columns at the right had side of each node that remain in line with each other as children are expanded/collapsed, e.g.:
<pre>
+ Node 1 col1 col2
+ Node 2 col1 col2
</pre>
We decided to 'hack' a third party control from a suite that we already use, so that when we bind the text to each node, it contains the html string to create the columns. All well and good up to this point
An example of the output html for two nodes is given below:
<DIV>
<NOBR>
<DIV id="m" align="left">
<DIV id="1t">
<SPAN class="soxProcess" style="DISPLAY: inline-block; VERTICAL-ALIGN: top; WIDTH: 50%">
<!-- Within each of these divs, i am able to add text from here -->
A long name owner test. </SPAN><SPAN style="DISPLAY: inline-block; RIGHT: 0px; VERTICAL-ALIGN: top; WIDTH: 40%; POSITION: relative">
<TABLE id="Table1" cellSpacing="0" cellPadding="0" width="100%">
<TR style="VERTICAL-ALIGN: top">
<TD style="WIDTH: 35%"><SPAN class="bodyText" style="PADDING-LEFT: 3px">A very very very very very very very very very vey long bit of text.</SPAN></TD>
<TD style="WIDTH: 35%"><SPAN class="bodyText" style="PADDING-LEFT: 3px"></SPAN></TD>
<TD style="WIDTH: 30%"><SPAN class="bodyText" style="PADDING-LEFT: 3px">INC</SPAN></TD>
</TR>
</TABLE>
</SPAN>
<!-- to here -->
</DIV>
<DIV id="m1">
<DIV id="ucDetailucTreeuwtSOXTree_1_1" igTag="PR4">
<img src="" width="25px" />
<SPAN class="soxProcess" style="DISPLAY: inline-block; VERTICAL-ALIGN: top; WIDTH: 50%"
gtxt="1">
<!-- Within each of these divs, i am able to add text from here -->
A test child for PD2 </SPAN><SPAN style="DISPLAY: inline-block; RIGHT: 0px; VERTICAL-ALIGN: top; WIDTH: 40%; POSITION: relative">
<TABLE id="Table2" cellSpacing="0" cellPadding="0" width="100%">
<TR style="VERTICAL-ALIGN: top">
<TD style="WIDTH: 35%"><SPAN style="PADDING-LEFT: 3px">PD2</SPAN></TD>
<TD style="WIDTH: 35%"><SPAN style="PADDING-LEFT: 3px"></SPAN></TD>
<TD style="WIDTH: 30%"><SPAN style="PADDING-LEFT: 3px">INC</SPAN></TD>
</TR>
</TABLE>
</SPAN>
<!-- to here -->
</DIV>
</DIV>
</DIV>
</NOBR>
</DIV>
Pretty, isn't it. My problems start to arise when i have very long text in one of the columns (as in the example). As the span containing the table is positioned absolutely, it has been taken out of the flow of the containing div, and this div does not expand to take the height of my column span into account... Any magic CSS help advice here would be much appreciated.
|
|
|
|
|
From copying and pasting your HTML script I got the 'A very very...long text' wrapping on its cell.
You don't seem to specify the position:absolute in your code either.
Can you please clarify how you want the result to be?
"You are special, but so is everybody else."
"Democracy is two wolves and a sheep voting on what to have for dinner" - Ross
Edbert
Sydney, Australia
|
|
|
|
|
Sorry, copied the code after several hours of staring at it yesterday...
The problem is not so much that it doesn't wrap (because it does), but that it pushed the text below it downwards. However, i've also come up with a dirty hack that'll do what i need, so...
anyway, here's the code i meant to post yesterday...
<DIV>
<NOBR>
<DIV id="m" align="left">
<DIV id="1t">
<SPAN class="soxProcess" style="DISPLAY: inline-block; VERTICAL-ALIGN: top; WIDTH: 50%">
<!-- Within each of these divs, i am able to add text from here -->
A long name owner test. </SPAN><SPAN style="DISPLAY: inline-block; RIGHT: 0px; VERTICAL-ALIGN: top; WIDTH: 40%; POSITION: absolute">
<TABLE id="Table1" cellSpacing="0" cellPadding="0" width="100%">
<TR style="VERTICAL-ALIGN: top">
<TD style="WIDTH: 35%"><SPAN class="bodyText" style="PADDING-LEFT: 3px">A very very very very very very very very very vey long bit of text.</SPAN></TD>
<TD style="WIDTH: 35%"><SPAN class="bodyText" style="PADDING-LEFT: 3px"></SPAN></TD>
<TD style="WIDTH: 30%"><SPAN class="bodyText" style="PADDING-LEFT: 3px">INC</SPAN></TD>
</TR>
</TABLE>
</SPAN>
<!-- to here -->
</DIV>
<DIV id="m1">
<DIV id="ucDetailucTreeuwtSOXTree_1_1" igTag="PR4">
<img src="" width="25px" />
<SPAN class="soxProcess" style="DISPLAY: inline-block; VERTICAL-ALIGN: top; WIDTH: 50%"
gtxt="1">
<!-- Within each of these divs, i am able to add text from here -->
A test child for PD2 </SPAN><SPAN style="DISPLAY: inline-block; RIGHT: 0px; VERTICAL-ALIGN: top; WIDTH: 40%; POSITION: absolute">
<TABLE id="Table2" cellSpacing="0" cellPadding="0" width="100%">
<TR style="VERTICAL-ALIGN: top">
<TD style="WIDTH: 35%"><SPAN style="PADDING-LEFT: 3px">PD2</SPAN></TD>
<TD style="WIDTH: 35%"><SPAN style="PADDING-LEFT: 3px"></SPAN></TD>
<TD style="WIDTH: 30%"><SPAN style="PADDING-LEFT: 3px">INC</SPAN></TD>
</TR>
</TABLE>
</SPAN>
<!-- to here -->
</DIV>
</DIV>
</DIV>
</NOBR>
</DIV>
|
|
|
|
|
Hi
Is there any way through which i can import my yahoo and hotmail email in my java based application? Any API or something like that?
Thank you
We Believe in Excellence
www.aqueelmirza.cjb.net
|
|
|
|
|
Of course there is an API for yahoo and msn.
Just look into their web sites, you shall find the api available there!
Jason Kataropoulos
Excellence is not an act, but a habit! Aristotle
|
|
|
|
|
Can any body help me to get a detailed book on Microsoft content management server 2002?
i am very much in a need of that.
advanced ThanX
Ramesh.Kanjinghat
|
|
|
|
|
Im looking to show the user an HTML table with about 8 rows. I want them to be able to customize the order by moving rows up and/or down in the table, then be able to send the newly-ordered list (array, string, whatever) out via a form submit. Can anyone point me in the right direction?
|
|
|
|
|
Dear Friend,
this is a bit tricky. If you have experience in JavaScript and the DOM you could use AJAX to do this.
On the other hand, if you are new to JavaScript and the DOM, I suggest you just do a post back each time you want change the order of the rows.
Jason Kataropoulos
Excellence is not an act, but a habit! Aristotle
|
|
|
|
|
My menu works fine in IE browser, but when i browse my site using mozila the menu become vertical which suppose to be horizontol.
anyone know how to solve it??
http://www.ccntech.com.my/ccn2
|
|
|
|
|
|
I'm not sure if this is the right forum, but here it goes.
I am working with a title bar with three seperate images seperated by a 1 pixel filler image. I have all the images defined in a table to allow them to dynamically shrink/expand as the window size changes.
Somehow I've ended up with aprox. a 2 pixel space between the bottom of my images and the next table row. I've worked around this, but the bottom portion of the filler images retains a different color - should be black is actually a dark blue.
The small stripe of off color is hardly noticable but my boss has eyes like an eagle when criticing(spelling ) my work.
Thanks for any help provided.
Frustrated novice,
Lil Turtle
|
|
|
|
|
Here is the code block for the header/logo bar if it helps
<asp:image id="imgLeftHeader" runat="server" width="219" imageurl="Images/LVCPD Header(left).png">
| | <asp:image id="imgMidHeader" runat="server" width="433" imageurl="Images/LVCPD Header(mid).png">
| | <asp:image id="imgRightHeader" runat="server" width="161" imageurl="Images/LVCPD Header(right).png">
|
for some reason the asp:images between the td tags don't show up in the post
The actual layout is much better, I swear:->
Lil Turtle
-- modified at 13:18 Wednesday 12th July, 2006
|
|
|
|
|
The reason for the extra pixels is that you have more than just the images in the cells. You have line breaks on both sides of the images. The line break before is usually ignored, but the line break after is interpreted as a space character (as all white space characters are in html).
When images and text are formatted together, the image is placed on the base line of the text. As a character block extends below the base line, the formatted block will be a few pixels higher than the image.
---
b { font-weight: normal; }
|
|
|
|
|
Thanks for the help, I removed the additional breaks and the image is now continuous and scalable.
|
|
|
|
|
I have the following menu control in my aspx page:
<form id="form1" runat="server">
<div>
<asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
</asp:Panel>
<br />
<asp:Menu ID="Menu1" runat="server" BackColor="#E3EAEB" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#666666" StaticSubMenuIndent="10px">
<Items>
<asp:MenuItem Text = "Part I" Value="Part I">
<asp:MenuItem Text = "Chapter 1" Value="Chapter 1"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text = "Part II" Value="Part II">
<asp:MenuItem Text = "Chapter II" Value="Chapter II" />
<asp:MenuItem Text = "Chapter III" Value="Chapter III" />
</asp:MenuItem>
</Items>
<StaticSelectedStyle BackColor="#1C5E55" />
<StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
<DynamicHoverStyle BackColor="#666666" Font-Bold="False" ForeColor="White" />
<DynamicItemTemplate>
<%# Eval("Text") %>
</DynamicItemTemplate>
<DynamicMenuStyle BackColor="#E3EAEB" />
<DynamicSelectedStyle BackColor="#1C5E55" />
<DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
<StaticHoverStyle BackColor="#666666" Font-Bold="False" ForeColor="White" />
<StaticItemTemplate>
<%# Eval("Text") %>
</StaticItemTemplate>
</asp:Menu>
</div>
</form>
The menu display all the formatting (including color and font)correctly in VS 2005, but soon as I run my project in the web browser in debug mode(IE 6.0), the menu lost all of its formatting. The menu becomes a list of hyperlink buttons with blue color. I can't understand why and I have already spend several hours on this.
Rookie Programmer
|
|
|
|
|
|
Hi,
I tried Mozilla and it works. I have played with IE settings but still cannot resolve the problem.
Thank you for your help. Knowing what is wrong will save me lots of time.
Rookie Programmer
|
|
|
|
|
|
I found the problem and it only occurs in the master page. Here is the explanation I found on the web:
A lot of users are finding that after moving their ASP.NET 1.1 site to ASP.NET 2.0 and then adding a Menu Control to their app, the Menu doesn't work.
The reason this doesn't work is that an extra tag was added to web.config <xhtmlConformance mode="Legacy" />
This flag was meant for 2.0 to act a lot more like 1.1 and one of the major differences is the naming convention of controls.
This naming change causes the quirky behavior with Menu in IE.
There are 2 fixes for this issue:
1) Remove the xhtmlConformance tag from web.config
Personally if you can do it, I recommend this option. If you're using ASP.NET 2.0 features, you should try and stick with the new rendering modes.
2) If you can't do #1, then give your masterpage an ID
To do this, add a line to your Page_Load for your Masterpage:
public partial class MasterPage : System.Web.UI.MasterPage
{
protected void Page_Load(object sender, EventArgs e)
{
this.ID = "Master1";
}
}
Rookie Programmer
|
|
|
|
|
Hello All!
I'm new to this site. I am currently using Frontpage for our company website and would like to switch to a different software that is more programmable. I have a programming background but am out of the loop on the best software/language to use for the most features and benefits. Any suggestions would be greatly appreciated. Thanks in advance.
Katie
|
|
|
|
|
Welcome to CodeProject,
I just use a text editor (editpad pro) to write my website, I really don't like things like frontpage/dreamweaver.
Darka [Xanya]
|
|
|
|
|
There's always one...
I bet you do your windows coding in assembly language too...
|
|
|
|
|
not at all, C++ all the way (occasionally vb.net), just don't like gui tools for designing web pages, they are unnecessary.
regards,
Darka [Xanya]
|
|
|
|
|
And what is wrong with assembly for Windows coding?? 
I have written some ASM code for our app at work that speeds things up for our product. I also have a small freeware app that I had done in only assembly that I have on my site. Its not that hard but alot of people now-a-days were never taught anything about it.
Steve Maier, MCSD MCAD MCTS
|
|
|
|
|
Steve Maier wrote: Its not that hard but alot of people now-a-days were never taught anything about it.
Like me  As far as i'm concerned, it's nothing but a myth, the mysterious background power of the black box under my desk...
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
