Need help implementing website in page/ also custom form

Topics: Customizing Orchard
Jul 28, 2015 at 3:21 AM
I tried using iframe as well as anchor it to show my online store on an orchard but it does not show up when using html. How do i get it to show up within the content area of the created page that is meant for it?

Also, how do i create a custom form by which allow a user to input a magic the gathering card game deck list and have it create a link on the home page that brings the user to his or her deck list to view, and give the poster the ability to edit it if a card or quantity of it is removed or changed?
Developer
Jul 28, 2015 at 11:37 AM
Did you create an iframe element using the TinyMce editor? If so, perhaps TinyMce removed the iframe tags.

You can create custom form using Dynamic Forms and have it create content items of your custom content type using bindings. You could then leverage Projections to query those content items and display them on the homepage. Make sure your users' role have permission to view and edit their own content.
Jul 28, 2015 at 4:09 PM
No I did not use tinymce for frames. I did a Google search on how to get a page to work within the frames and edited it to have my website within my other and it did not show up at all. I tried html as well in getting it to work and sane thing of showing a blank page when editing the page by dragging html to the content area
Jul 28, 2015 at 5:56 PM
Meant iframes:p
Developer
Jul 28, 2015 at 6:55 PM
Ok, so what files did you edit and in what way? Did the one site not show up, or the other in the iframe? How does your HTML containing the iframe look like?
When you say "dragging html to the content area", do you mean the html element in the layout editor in Orchard? Do you have screenshots of the issue and what you tried?
Jul 28, 2015 at 8:18 PM
for example of the html i put in the html part of the page when bringing the html element into layout editor.
<iframe src="www.starcitygames.com" style="border:none"></iframe> Not my website but trying to figure out on how to get a site to show up so all i need to edit would be the www. as to represent my target website of the online store since the ecommerce things are not working in orchard cms.

All that shows up when publishing it, it shows the html of <iframe src="www.starcitygames.com" style="border:none"></iframe> and not of a website on the page.
Jul 28, 2015 at 8:23 PM
Edited Jul 28, 2015 at 8:24 PM
Also, I have the script of html of the deck submit entry fields. How can i incorporate it into the page on the orchard cms to do so of

You can create custom form using Dynamic Forms and have it create content items of your custom content type using bindings. You could then leverage Projections to query those content items and display them on the homepage. Make sure your users' role have permission to view and edit their own content.
<!DOCTYPE html>
<html  lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Deck Master</title>

<style media="screen">
body {
    background-color:#f0f0f0;
 }
#input-holder {
    padding:20px;
    border:1px solid #999;
    border-radius:10px;
    background-color:#fff;
    box-shadow:inset 0 0 20px #999,
                  3px 3px 3px #999;
    overflow:hidden;
    text-align:center;
 }
#left-input{
    float:left;
    overflow:hidden;
 }
#right-input{
    float:right;
    overflow:hidden;
 }
#center-input{
    display:inline-block;
 }
.qty,.pht {
    float:left;
 }
.qty {
    margin-right:10px;
 }
.qty input {
    display:block;
    width:24px;
    margin-top:10px;
 }
.pht input {
    display:block;
    width:130px;
    margin-top:10px;
 }
@media screen and (max-width:650px) {
#left-input,#right-input,#center-input{
    float:none;
    display:block;
    margin:0 auto 10px;
    text-align:center;
  }
.qty,.pht {
    float:none;
    display:inline-block;
  }
 }

</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body background="background.jpg"><form name="frmEditCards" method="post">
<input type="hidden" name="Name" value="frmEditCards">
    <table border="0" width="100%">
    <tr>
        
            <td valign="top" align="Center">
                <h1>
                    
        
                        <font color="white">Deck Editor <small>(60 cards)</small>
                        
                </h1>

<div id="input-holder">

<div id="left-input">
<font color="black"> <label class="qty">Qty
 <input type="text" placeholder="">
 </label>
 <label class="pht">Card Name
 <input type="text" placeholder="">
</div>

<div id="right-input">
 <font color="black"><label class="qty">Qty
 <input type="text" placeholder="">
 </label>
 <label class="pht">Card Name
 <input type="text" placeholder="">
 </label>
</div>

<div id="center-input">
 <font color="black"><label class="qty">Qty
 <input type="text" placeholder="">
 </label>
 <label class="pht">Card Name
 <input type="text" placeholder="">
 </label>
</div>
<br>
<div id="left-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
</div>

<div id="right-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>

<div id="center-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>
<br>
<div id="left-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
</div>

<div id="right-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>

<div id="center-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>
<br>
<div id="left-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
</div>

<div id="right-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>

<div id="center-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>
<br>
<div id="left-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
</div>

<div id="right-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>

<div id="center-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>
<br>
<div id="left-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
</div>

<div id="right-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>

<div id="center-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>
<br>
<div id="left-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
</div>

<div id="right-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>

<div id="center-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>
<br>
<div id="left-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
</div>

<div id="right-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>

<div id="center-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>
<br>
<div id="left-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
</div>

<div id="right-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>

<div id="center-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>
<br>
<div id="left-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
</div>

<div id="right-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>

<div id="center-input">
 <label class="qty">
 <input type="text" placeholder="">
 </label>
 <label class="pht">
 <input type="text" placeholder="">
 </label>
</div>
</div>

</body>
</html>