•   Mountain View 1600, CA 94043
  •   +1 650-253-0000
  •   name@example.com
     Search
 
  • Register
 
Login
InteractiveWebs
  • 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
SearchHome
  • 1
  • 2
  • 3
  • 4
  • 5
HomeHomeSupportSupportFeedback Design...Feedback Design...Submit Link on same line as fieldSubmit Link on same line as field
Previous
 
Next
New Post
6/4/2008 4:01 AM
 
User is offline Erik
No Ranking

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!
 
 
New Post
6/7/2008 4:37 AM
 
User is offline DNN Module Support
1st Level Poster

Joined: 8/28/2006
Posts: 2065
Re: Submit Link on same line as field  (Australia)
We will have a team member reply ASAP.
 
New Post
6/10/2008 11:29 AM
 
User is offline 
No Ranking

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>&nbsp;[REQITEM]</td>
            <td style="white-space:nowrap">&nbsp;<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
HomeHomeSupportSupportFeedback Design...Feedback Design...Submit Link on same line as fieldSubmit Link on same line as field


Connect to us

Copyright (c) 2023 InteractiveWebs : Terms Of Use : Privacy Statement
Login Register

Need to Register? Forgot password?

Just want to login?
Copyright (c) 2023 InteractiveWebs : Terms Of Use : Privacy Statement