Cricky
offlineMember
I created a blank html5 page on dreamweaver and saved it. Now i inserted OPM, then when I interted another 1, it opens the 1st OPM i created so I thought it was nothing. So I went to open my other page and it already has OPM as the main container and LBM for each layouts of each OPM panels. When I inserted new OPM within my LBM, the OPM settings were still the 1st OPM so means I am unable to create more OPMs.
How to fix?
Al Sparber
offlinePVII Team
Our online demo page was made with Layout Builder Magic, and it has 4 OPM instances on the page. So, it would appear that this is a problem caused by how you are working... perhaps a corrupt page. In any event, we cannot help with issues that cannot be reproduced from a simple description. We need to see your page.
Please provide a link to an online test page, post a link, and we'll have you sorted lickety-split.
Cricky
offlineMember
I Guess what I meant to say is creating new OPM inside of an OPM.. There's an arrow below where I want to create it. I have also updated to OPM v114 using zxp on my CS6
<!doctype html>
<html>
<head>
<meta id="p7TP3" name="viewport" content="width=device-width">
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="yzstyle/mycss.css" rel="stylesheet" type="text/css">
<link href="p7tp3/p7TP3-17.css" rel="stylesheet" type="text/css" media="all">
<link href="p7tp3/p7tp3-columns.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="p7tp3/p7TP3scripts.js"></script>
<link href="p7brm/p7BRM-01.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="p7brm/p7BRMscripts.js"></script>
<link href="p7som/p7SOM-Core.css" rel="stylesheet" type="text/css" media="all">
<link href="p7som/p7SOM-01.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="p7som/p7SOMscripts.js"></script>
<link href="p7opm/p7OPM-Core.css" rel="stylesheet" type="text/css" media="all">
<link href="p7opm/p7OPM-05.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="p7opm/p7OPMscripts.js"></script>
</head>
<body>
<div id="p7BRM_1" class="p7BRM-01 p7BRM">
<ul id="p7BRMlist_1" class="p7brm-list">
<li><a href="images/uploads/brm_images/floral-beige.jpg">floral-beige.jpg</a></li>
<li><a href="images/uploads/brm_images/floral-blue.jpg">floral-blue.jpg</a></li>
<li><a href="images/uploads/brm_images/floral-cream.jpg">floral-cream.jpg</a></li>
<li><a href="images/uploads/brm_images/floral-linear.jpg">floral-linear.jpg</a></li>
<li><a href="images/uploads/brm_images/floral-multi.jpg">floral-multi.jpg</a></li>
<li><a href="images/uploads/brm_images/floral-painterlty.jpg">floral-painterlty.jpg</a></li>
<li><a href="images/uploads/brm_images/floral-purple.jpg">floral-purple.jpg</a></li>
<li><a href="images/uploads/brm_images/floral-thumb.jpg">floral-thumb.jpg</a></li>
<li><a href="images/uploads/brm_images/foloral-fantasy.jpg">foloral-fantasy.jpg</a></li>
<li><a href="images/uploads/brm_images/people-01.jpg">people-01.jpg</a></li>
<li><a href="images/uploads/brm_images/people-02.jpg">people-02.jpg</a></li>
<li><a href="images/uploads/brm_images/people-03.jpg">people-03.jpg</a></li>
<li><a href="images/uploads/brm_images/people-04.jpg">people-04.jpg</a></li>
<li><a href="images/uploads/brm_images/people-05.jpg">people-05.jpg</a></li>
<li><a href="images/uploads/brm_images/people-06.jpg">people-06.jpg</a></li>
<li><a href="images/uploads/brm_images/people-07.jpg">people-07.jpg</a></li>
<li><a href="images/uploads/brm_images/shapes-01.jpg">shapes-01.jpg</a></li>
<li><a href="images/uploads/brm_images/shapes-02.jpg">shapes-02.jpg</a></li>
<li><a href="images/uploads/brm_images/shapes-03.jpg">shapes-03.jpg</a></li>
<li><a href="images/uploads/brm_images/shapes-04.jpg">shapes-04.jpg</a></li>
<li><a href="images/uploads/brm_images/shapes-05.jpg">shapes-05.jpg</a></li>
</ul>
<script type="text/javascript">P7_BRMop('p7BRM_1',1,400,1,1,8,0,0,1,100);</script>
</div>
<div id="p7TP3_1" class="p7TP3-17">
<div id="p7TP3tabs_1" class="p7TP3tabs_17">
<div class="p7TP3_arrows_17">
<div class="p7TP3_arrow_L"><a id="p7TP3tleft_1" href="#">undefined</a></div>
<div class="p7TP3_arrow_R"><a href="#" id="p7TP3tright_1">undefined</a></div>
</div>
<div id="p7TP3tvp_1" class="p7TP3tabs_viewport">
<div id="p7TP3tgw_1" class="p7TP3tabs_wrapper align-left">
<ul class="p7TP3_tabs_17">
<li class="tp3first"><a href="#p7TP3c1_1" id="p7TP3tab1_1">Welcome</a></li>
<li><a href="#p7TP3c1_2" id="p7TP3tab1_2">In The Studio</a></li>
<li><a href="#p7TP3c1_3" id="p7TP3tab1_3">Downloads</a></li>
<li><a href="#p7TP3c1_4" id="p7TP3tab1_4">Portfolio</a></li>
<li class="tp3last"><a href="#p7TP3c1_5" id="p7TP3tab1_5">Services</a></li>
</ul>
</div>
</div>
</div>
<div class="p7TP3cwrapper_17">
<div id="p7TP3cvp_1" class="p7TP3_vp">
<div id="p7TP3pw_1" class="p7TP3_slide_wrapper">
<div id="p7TP3w1_1" class="p7TP3_panel">
<div id="p7TP3c1_1" class="p7TP3_content_17 p7TP3content">
<div class="p7tp3-col-wrapper no-columns">
</div>
</div>
</div>
<div id="p7TP3w1_2" class="p7TP3_panel">
<div id="p7TP3c1_2" class="p7TP3_content_17 p7TP3content">
<div class="p7tp3-col-wrapper no-columns">
<div id="p7OPM_1" class="p7OPM-05 p7OPM opm-noscript opm-carousel">
<div class="p7OPM-layout">
<div id="p7OPMtw_1" class="opm-tabs-wrapper left">
<div id="p7OPMtb_1" class="opm-tabs">
<ul>
<li><a id="p7OPMtg_1_1" href="#">Audio Blog</a></li>
<li><a id="p7OPMtg_1_2" href="#">Web Blog</a></li>
<li><a id="p7OPMtg_1_3" href="#">Screen Blog</a></li>
</ul>
<div id="p7OPMtc_1" class="opm-tab-content"></div>
</div>
</div>
<div id="p7OPMpw_1" class="opm-panel-wrapper">
<div id="p7OPMww_1" class="opm-panel-layout">
<div id="p7OPMpn_1_1" class="opm-panel">
<div class="opm-panel-content no-padding">
-----------------> /**THIS IS WHERE I WANT TO CREATE A NEW OPM**/
</div>
</div>
<div id="p7OPMpn_1_2" class="opm-panel">
<div class="opm-panel-content no-padding">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque congue tristique eros. Nulla facilisi. Quisque sem mauris, ullamcorper ac, gravida id, mattis id, sapien. Nullam adipiscing enim dapibus felis. Fusce a nisi in odio pulvinar fringilla. Nunc blandit interdum metus. Duis leo nunc, sollicitudin ut, fermentum congue, pharetra eu, massa. Suspendisse potenti. Morbi commodo mauris. Ut at pede. Ut id nisi. Donec scelerisque urna quis ligula. Praesent est. Vestibulum scelerisque. Curabitur quam. Fusce rhoncus pellentesque ipsum. Aenean venenatis metus ac quam. Maecenas lacus lacus, sagittis vitae, congue at, euismod eu, urna. Maecenas vitae purus. Praesent eros lectus, porta et, semper nec, molestie eget, tortor.</p>
</div>
</div>
<div id="p7OPMpn_1_3" class="opm-panel">
<div class="opm-panel-content no-padding">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque congue tristique eros. Nulla facilisi. Quisque sem mauris, ullamcorper ac, gravida id, mattis id, sapien. Nullam adipiscing enim dapibus felis. Fusce a nisi in odio pulvinar fringilla. Nunc blandit interdum metus. Duis leo nunc, sollicitudin ut, fermentum congue, pharetra eu, massa. Suspendisse potenti. Morbi commodo mauris. Ut at pede. Ut id nisi. Donec scelerisque urna quis ligula. Praesent est. Vestibulum scelerisque. Curabitur quam. Fusce rhoncus pellentesque ipsum. Aenean venenatis metus ac quam. Maecenas lacus lacus, sagittis vitae, congue at, euismod eu, urna. Maecenas vitae purus. Praesent eros lectus, porta et, semper nec, molestie eget, tortor.</p>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">P7_OPMop('p7OPM_1',1,2,400,3,300,'px',0,8,1,0,1,12,1);</script>
</div>
</div>
</div>
</div>
<div id="p7TP3w1_3" class="p7TP3_panel">
<div id="p7TP3c1_3" class="p7TP3_content_17 p7TP3content">
<div class="p7tp3-col-wrapper no-columns">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque congue tristique eros. Nulla facilisi. Quisque sem mauris, ullamcorper ac, gravida id, mattis id, sapien. Nullam adipiscing enim dapibus felis. Fusce a nisi in odio pulvinar fringilla. Nunc blandit interdum metus. Duis leo nunc, sollicitudin ut, fermentum congue, pharetra eu, massa. Suspendisse potenti. Morbi commodo mauris. Ut at pede. Ut id nisi. Donec scelerisque urna quis ligula. Praesent est. Vestibulum scelerisque. Curabitur quam. Fusce rhoncus pellentesque ipsum. Aenean venenatis metus ac quam. Maecenas lacus lacus, sagittis vitae, congue at, euismod eu, urna. Maecenas vitae purus. Praesent eros lectus, porta et, semper nec, molestie eget, tortor.</p>
</div>
</div>
</div>
<div id="p7TP3w1_4" class="p7TP3_panel">
<div id="p7TP3c1_4" class="p7TP3_content_17 p7TP3content">
<div class="p7tp3-col-wrapper no-columns">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque congue tristique eros. Nulla facilisi. Quisque sem mauris, ullamcorper ac, gravida id, mattis id, sapien. Nullam adipiscing enim dapibus felis. Fusce a nisi in odio pulvinar fringilla. Nunc blandit interdum metus. Duis leo nunc, sollicitudin ut, fermentum congue, pharetra eu, massa. Suspendisse potenti. Morbi commodo mauris. Ut at pede. Ut id nisi. Donec scelerisque urna quis ligula. Praesent est. Vestibulum scelerisque. Curabitur quam. Fusce rhoncus pellentesque ipsum. Aenean venenatis metus ac quam. Maecenas lacus lacus, sagittis vitae, congue at, euismod eu, urna. Maecenas vitae purus. Praesent eros lectus, porta et, semper nec, molestie eget, tortor.</p>
</div>
</div>
</div>
<div id="p7TP3w1_5" class="p7TP3_panel">
<div id="p7TP3c1_5" class="p7TP3_content_17 p7TP3content">
<div class="p7tp3-col-wrapper no-columns">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque congue tristique eros. Nulla facilisi. Quisque sem mauris, ullamcorper ac, gravida id, mattis id, sapien. Nullam adipiscing enim dapibus felis. Fusce a nisi in odio pulvinar fringilla. Nunc blandit interdum metus. Duis leo nunc, sollicitudin ut, fermentum congue, pharetra eu, massa. Suspendisse potenti. Morbi commodo mauris. Ut at pede. Ut id nisi. Donec scelerisque urna quis ligula. Praesent est. Vestibulum scelerisque. Curabitur quam. Fusce rhoncus pellentesque ipsum. Aenean venenatis metus ac quam. Maecenas lacus lacus, sagittis vitae, congue at, euismod eu, urna. Maecenas vitae purus. Praesent eros lectus, porta et, semper nec, molestie eget, tortor.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">P7_opTP3('p7TP3_1',250,0,2,300,0,1,0,1,0,1,0,0,0,2,0,8000,5000,1,0,0,0);</script>
</div>
<div id="p7SOM_1" class="p7SOM-01 p7SOM p7SOMnoscript som-from-left">
<div id="p7SOMtb_1" class="p7SOM-01 som-toolbar p7SOMnoscript som-top-right"><a href="#p7SOM_1" title="Hide/Show Menu">≡</a></div>
<ul>
<li class="som-header-bar"><span id="p7SOMhd_1" class="som-header">Menu</span></li>
<li><a href="#">Welcome</a>
<ul>
<li><a href="#">Sub Menu Item</a></li>
<li><a href="#">Sub Menu Item</a></li>
<li><a href="#">Sub Menu Item</a></li>
</ul>
</li>
<li><a href="#">In The Studio</a>
<ul>
<li><a href="#">Music Blog</a></li>
<li><a href="#">Web Blog</a></li>
<li><a href="#">Screen Blog</a></li>
</ul>
</li>
<li><a href="#">Downloads</a>
<ul>
<li><a href="#">Audio Stuff</a></li>
<li><a href="#">Web Stuff</a></li>
<li><a href="#">Screen Stuff</a></li>
</ul>
</li>
<li><a href="#">Portfolio</a>
<ul>
<li><a href="#">Music</a></li>
<li><a href="#">Sub Menu Item</a></li>
<li><a href="#">Sub Menu Item</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Sub Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Sub Menu Item</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">P7_SOMop('p7SOM_1',950,1,1,600,1,1,1,1,400,0,0,0)</script>
</div>
</body>
</html>
Al Sparber
offlinePVII Team
By design, OPM does not support nesting. We might consider it if there is enough demand, but it causes several key problems relating to CSS specificity, as well as being a little unnecessary for carefully considered designs. For now, I see you have TPM3, which can be nested inside an OPM. But I would consider your design first :-)
You must log in to post.
