Framing issue
I am putting in a code and for some reason it is not being contained in the body and going off the side of the page any idea what would cause this? I have never had an issue before when I put it in the column text box.
Page: https://76cba89f99.nxcli.io/sales/nysales/
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample HTML Document</title>
<script src=https://code.jquery.com/jquery-3.5.1.slim.min.js></script>
<script src=https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js></script>
<script src=https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.0/papaparse.min.js></script>
<script src="https://cdn.jsdelivr.net/gh/scottgruenewald/[email protected]/table.js"></script>
<link href=https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<article class='w-75 p-2'>
<h1>Sale Header</h1>
<p>Sale Disclaimer</p>
<article></article>
</article>
</body>
</html>
<script>
const nyTable = new GoogleSheetTable(nyURL, 'article', 'New York Sales', 'We have no sales scheduled in New York at this time.');
nyTable.fetchAndRender()
</script>
Comments
HI,
Can you show me where and how you are putting this code to your website, please?
Thanks
https://76cba89f99.nxcli.io/sales/nysales/
Sorry if I was not clear enough.
I wanted you to take a screenshot from the builder, showing which element you used for this code, and how it looks within that element.
Best regards
When the page first opens:
When I click on the column text box:
Please send us the WordPress dashboard access privately through the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you send are complete and correct.
Thanks
I have a little reorganized this code. I removed the unnecessary parts, moved script links to the Custom JS field, and used Plain text/HTML for the rest of the code.
Please take a closer look at how it is organized to know the features.
Regarding the table itself, there is a CSS missing to adjust the width.
You can try the following code:
.w-75 .mt-3{ overflow: auto; }Put it in the Custom CSS field (above custom JS in page options), but it would be best if you contact the ones who gave you this code to put on your website.
Best regards
ok, thanks for the help.