Mountain View 1600, CA 94043
+1 650-253-0000
name@example.com
Web
Site
Search
Register
Login
DNN Home
Services
-
DotNetNuke Support
-
CRM Systems
DNN
-
DotNetNuke Modules
-
Module Downloads
-
Module Upgrade Policy
DNN Support
-
Module Update News
-
Knowledge Base
-
License Management
-
Invoice History
Module Downloads
Blog
Store
Contact Us
-
About Us
Search
Home
1
2
3
4
5
Home
Support
Feedback Design...
Submit Link on same line as field
Previous
Next
6/4/2008 4:01 AM
Erik
Joined: 6/3/2008
Posts: 1
Submit Link on same line as field
(United States)
Hi, I have a quick question. I am setting up this mod for a newsletter sign up and am wondering how to make the Submit link on the same line as the email text box. What file and what code would I need to edit to make them on the same line? I have attached a screenshot of how it looks right now. thanks for your help!
6/7/2008 4:37 AM
DNN Module Support
Joined: 8/28/2006
Posts: 2065
Re: Submit Link on same line as field
(Australia)
We will have a team member reply ASAP.
6/10/2008 11:29 AM
Joined: 1/1/0001
Posts: 0
Re: Submit Link on same line as field
(Australia)
Well this is a bit of a tricky one and while the solution (without coding in new features) is a bit of a hack, I enjoyed figuring this one out.
Step one, grab the id of the Submit link on the page. In my case i looked at the html output (right click page and view source) and it is '
dnn_ctr366_CFD_cmdSend
'
Tip: search for
CFD_cmdSend"
class
=
"CommandButton"
and you should be right on it, its the ID value eg: ID="
dnn_ctr366_CFD_cmdSend
"
Step two is going to the Configure Look and Feel area of the module and setting the Send text to nothing (blank)
Step three is to replace the form items html with the following:
Note: replace the item in bold with you ID on YOUR form.
<table width="250" cellspacing="0" cellpadding="1" border="0">
<tbody>
<tr valign="top" class="SubHead">
<td style="white-space:nowrap" width="100%">[ITEMNAME]</td>
<td>[ITEM]</td>
<td> [REQITEM]</td>
<td style="white-space:nowrap"> <a href=" goSubmitForm()">Newsletter Signup!</a></td>
</tr>
</tbody>
</table>
<script language="javascript">
function goSubmitForm()
{
window.location = document.getElementById('
dnn_ctr366_CFD_cmdSend
').href;
}
</script>
Now that your Form Items Layout html is as above, you should now have no submit button below but instead to the right hand side. When the right hand side button is click it will pull the action from the hidden original submit button and process the form.
Page 1 of 1
Previous
Next
Home
Support
Feedback Design...
Submit Link on same line as field