Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Tame the table Simple html problem driving me nutsTame the table Simple html problem driving me nuts
Previous
 
Next
New Post
5/9/2007 1:24 PM
 

Hello

I am not doing very well as far as I know I need to align the button section at the bottom to be on the same line as this section just below.  I have tried moving ( cut/paste) but keep getting module errors, very frustrating.  Has anybody managed to move the GO button onto the same line as the dropdown menu, in the sqlselectedview.ascx file?

more code.................

<!--THIS IS THE SECTION I WANT TO EDIT -->


 <TABLE cellSpacing="2" cellPadding="2" border="0">
  <TR>
   <TD vAlign="top">
    <asp:Label id="lblParm1_Label" EnableViewState="true" runat="server"></asp:Label></TD>
   <TD>
    <asp:DropDownList id="ddlParm1" runat="server"></asp:DropDownList>
    <asp:ListBox id="lstParm1" Runat="server" Visible="False" Rows="5"></asp:ListBox></TD>
   <TD vAlign="bottom">
    <asp:Button id="btnParm1_Go" onclick="btnGo_Clicked" runat="server" Text="Go" cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
  <TR>
   <TD vAlign="top">
    <asp:Label id="lblParm2_Label" EnableViewState="true" runat="server"></asp:Label></TD>
   <TD>
    <asp:DropDownList id="ddlParm2" runat="server"></asp:DropDownList>
    <asp:ListBox id="lstParm2" Runat="server" Visible="False" Rows="5"></asp:ListBox></TD>
   <TD vAlign="bottom">
    <asp:Button id="btnParm2_Go" onclick="btnGo_Clicked" runat="server" Text="Go" cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
  <TR>
   <TD vAlign="top">
    <asp:Label id="lblParm3_Label" EnableViewState="true" runat="server"></asp:Label></TD>
   <TD>
    <asp:DropDownList id="ddlParm3" runat="server"></asp:DropDownList>
    <asp:ListBox id="lstParm3" Runat="server" Visible="False" Rows="5"></asp:ListBox></TD>
   <TD vAlign="bottom">
    <asp:Button id="btnParm3_Go" onclick="btnGo_Clicked" runat="server" Text="Go" cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
  <TR>
   <TD vAlign="top">
    <asp:Label id="lblParm4_Label" EnableViewState="true" runat="server"></asp:Label></TD>
   <TD>
    <asp:DropDownList id="ddlParm4" runat="server"></asp:DropDownList>
    <asp:ListBox id="lstParm4" Runat="server" Visible="False" Rows="5"></asp:ListBox></TD>
   <TD vAlign="bottom">
    <asp:Button id="btnParm4_Go" onclick="btnGo_Clicked" runat="server" Text="Go" cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
  <TR>
   <TD vAlign="top">
    <asp:Label id="lblParm5_Label" EnableViewState="true" runat="server"></asp:Label></TD>
   <TD>
    <asp:DropDownList id="ddlParm5" runat="server"></asp:DropDownList>
    <asp:ListBox id="lstParm5" Runat="server" Visible="False" Rows="5"></asp:ListBox></TD>
   <TD vAlign="bottom">
    <asp:Button id="btnParm5_Go" onclick="btnGo_Clicked" runat="server" Text="Go" cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
 </TABLE>
 
 
 <!--END OF EDIT SECTION -->
 
</asp:panel><asp:panel id="pnlConditions" Runat="server">
 <TABLE cellSpacing="2" cellPadding="2" border="0">
  <TR>
   <TD>
    <asp:CheckBox id="chkCond1_Label" Runat="server" Visible="False" EnableViewState="True"></asp:CheckBox></TD>
   <TD>
    <asp:Button id="btnCond1_Go" onclick="btnGo_Clicked" Visible="False" runat="server" Text="Go"
     cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
  <TR>
   <TD>
    <asp:CheckBox id="chkCond2_Label" Runat="server" Visible="False" EnableViewState="True"></asp:CheckBox></TD>
   <TD>
    <asp:Button id="btnCond2_Go" onclick="btnGo_Clicked" Visible="False" runat="server" Text="Go"
     cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
  <TR>
   <TD>
    <asp:CheckBox id="chkCond3_Label" Runat="server" Visible="False" EnableViewState="True"></asp:CheckBox></TD>
   <TD>
    <asp:Button id="btnCond3_Go" onclick="btnGo_Clicked" Visible="False" runat="server" Text="Go"
     cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
  <TR>
   <TD>
    <asp:CheckBox id="chkCond4_Label" Runat="server" Visible="False" EnableViewState="True"></asp:CheckBox></TD>
   <TD>
    <asp:Button id="btnCond4_Go" onclick="btnGo_Clicked" Visible="False" runat="server" Text="Go"
     cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
  <TR>
   <TD>
    <asp:CheckBox id="chkCond5_Label" Runat="server" Visible="False" EnableViewState="True"></asp:CheckBox></TD>
   <TD>
    <asp:Button id="btnCond5_Go" onclick="btnGo_Clicked" Visible="False" runat="server" Text="Go"
     cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
 </TABLE>
</asp:panel><asp:panel id="pnlTopCount" Runat="server">
 <TABLE cellSpacing="2" cellPadding="2" border="0">
  <TR>
   <TD>
    <asp:Label id="lblTopCount_Label" EnableViewState="True" runat="server"></asp:Label></TD>
   <TD>
    <asp:DropDownList id="ddlTopCount" runat="server"></asp:DropDownList></TD>
   <TD>
    <asp:Button id="btnTopCount_Go" onclick="btnGo_Clicked" runat="server" Text="Go" cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>
 </TABLE>

*****THIS IS THE BUTTON SECTION THAT I NEED TO ALIGN ABOVE *******

<asp:panel id="pnlSingleGoButton" Runat="server">&nbsp;
<asp:Button id="btnSingleGo" onclick="btnGo_Clicked" runat="server" Text="Go" cssclass="Normal"></asp:Button>
<asp:Label id="lblButtonSpace1" Runat="server"></asp:Label>
<asp:Button id="btnReset" onclick="btnReset_Clicked" runat="server" Text="Reset" cssclass="Normal"></asp:Button></asp:panel>

 

******END EDIT **********


Thanks  


www.seemalta.net
 
New Post
5/10/2007 3:49 AM
 

I would do it this way:

There are two div's rendered, one with the dropdown etc., the other one with the GO button.

So you could just leave everything in place but add a class and use CSS to make the first div not 100% but less wide and then put the div containing the button on the right spot with position:absolute;

I saved the page and added this to one of the css files and it works:

#dnn_ctr2487_ModuleContent{
position:relative;
}
#dnn_ctr2487_SQLGridSelectedView_pnlSelections{
position:relative;
width:400px;
height:50px;
}

#dnn_ctr2487_SQLGridSelectedView_pnlSingleGoButton{
position:absolute;
left:400px;
top:0px;
}

But I would add some classes to the ascx file for this if I where you.

 
New Post
5/10/2007 1:31 PM
 

  <TR>
   <TD vAlign="top">
    <asp:Label id="lblParm1_Label" EnableViewState="true" runat="server"></asp:Label></TD>
   <TD>
    <asp:DropDownList id="ddlParm1" runat="server"></asp:DropDownList>
    <asp:ListBox id="lstParm1" Runat="server" Visible="False" Rows="5"></asp:ListBox></TD>
   <TD vAlign="bottom">
    <asp:Button id="btnParm1_Go" onclick="btnGo_Clicked" runat="server" Text="Go" cssclass="SGSV_Normal"></asp:Button></TD>
  </TR>

Why do you use a valign = "top" on the first column and a vAllign = "bottom" on the third?  Set all three columns to top, either in the HTML or a CSS style for the <td> tag.

Jeff

 
New Post
5/11/2007 4:42 AM
 

Hi Jeff

Thanks for the suggestion,  but it didn't work. I had tried lots of similar html edits but nothing works.

 

Hi Timo

You are a genius, what a brilliant solution. I had been struggling with the html all this time and getting nowhere fast. I could see the extra rendered DNN  divs but could not see how I could reach them.

I just added the extra css styles to the module.css file and it worked. But specific only to that one page, I have this module on many pages unfortunately all the other pages are uneffected by this solution and continue with the alignment problem.

I will try and find how I can use this solution so that it works on all pages.

Thanks

Lynn


www.seemalta.net
 
New Post
5/11/2007 6:13 AM
 

You could just add it to the skin.css file...?

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Tame the table Simple html problem driving me nutsTame the table Simple html problem driving me nuts


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out