We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 31981
    • 26 Posts
    Hi Modx community,

    I’ve been working with ModX for a total of around 5/6 hours now, porting an already built site from HMTL/CSS/Jquery into ModX in order to deliver for the client something with very minor CMS capabilities.

    I’ve rebuilt my site entirely within the ModX framework and am now trying to implement [*content*], and having some problems.

    http://tomphilli.ps/felixthecat/modx/index.php?id=3

    Any idea why this field is not recreating the content specified in the backend?

    Also, I realise there are are some hacks relating to links, the existent links were a mess of jquery and there was also a clash the root folder that ModX has been installed to which has made it simpler to hardcode the links... the client will not add pages so this is not a problem (although I do realise it is not best practice).

    Cheers,

    wassailant
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      Can you post your template? (use the # sign button above the message field to enclose it as code so it’s easier to read)
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 31981
        • 26 Posts
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        	"http://www.w3.org/TR/html4/strict.dtd">
        <html>
        <head>
        	<title>Felix The Cat</title>
                <base href="[(site_url)]" /></base>
        	<meta http-equiv="Content-Type" content="text/html; charset=[(modx_charset)]" />
                <link href="assets/templates/felix/styles/felix.css" rel="stylesheet" type="text/css" />
        
                <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
        	<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.core.js"></script>
        	<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.slide.js"></script>
        	<script type="text/javascript" src="assets/templates/felix/styles/supersized.2.0.js"></script>
        	<script type="text/javascript">  
        		$(function(){
        			$.fn.supersized.options = {  
        				startwidth: 640,  
        				startheight: 480,
        				vertical_center: 1,
        				slideshow: 1,
        				navigation: 1,
        				transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
        				pause_hover: 0,
        				slide_counter: 1,
        				slide_captions: 1,
        				slide_interval: 7000
        			};
        	        $('#supersize').supersized(); 
        	    });
        	</script>
            
            <script type="text/javascript">
        
          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-17031994-1']);
          _gaq.push(['_trackPageview']);
        
          (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
          })();
        
        </script>
            
        </head>
        <body>
        
        	<!--Loading display while images load-->
        <div id="loading"> </div>
        
        <!--Slides-->
        <div id="supersize">
        	<div><img src="/felixthecat/modx/assets/templates/felix/images/felix1.jpg" title="Felix Bar Interior" alt="Felix Bar Interior"></div>
        	<div><img src="/felixthecat/modx/assets/templates/felix/images/felix2.jpg" title="Felix Bar Interior" alt="Felix Bar Interior"></div>
            <div><img src="/felixthecat/modx/assets/templates/felix/images/felix3.jpg" title="Felix Bar Interior" alt="Felix Bar Interior"></div>
            <div><img src="/felixthecat/modx/assets/templates/felix/images/felix4.jpg" title="Felix Bar Interior" alt="Felix Bar Interior"></div>
            <div><img src="/felixthecat/modx/assets/templates/felix/images/felix5.jpg" title="Felix Bar Interior" alt="Felix Bar Interior"></div>
            <div><img src="/felixthecat/modx/assets/templates/felix/images/felix6.jpg" title="Felix Bar Interior" alt="Felix Bar Interior"></div>
            <div><img src="/felixthecat/modx/assets/templates/felix/images/felix7.jpg" title="Felix Bar Interior" alt="Felix Bar Interior"></div>
            <div><img src="/felixthecat/modx/assets/templates/felix/images/felix8.jpg" title="Felix Bar Interior" alt="Felix Bar Interior"></div>
        </div>
        
        <div id="logo">
        	<a href="index.php?id=1"><img src="/felixthecat/modx/assets/templates/felix/images/felixlogo.png" title="Felix Logo"  alt="Felix Bar Logo"></a></div>
            
        <!-- CONTENT -->
        
        <div id="navigation">
            <ul id="navlist">
            <li class="button"><a href="javascript:void(0)" onClick="window.location.href='index.php?id=1'">HOME</a>
            <li class="button"><a href="javascript:void(0)" onClick="window.location.href='index.php?id=3'">FUNCTIONS</a>
            <li class="button"><a href="javascript:void(0)" onClick="window.location.href='index.php?id=4'">FOOD AND WINE</a>
            <li class="button"><a href="javascript:void(0)" onClick="window.location.href='index.php?id=5'">WHAT'S ON</a>
            <li class="button"><a href="javascript:void(0)" onClick="window.location.href='index.php?id=6'">CONTACT</a>		
            </ul>
        </div>
                    
        <div id="facebookpng" style="height: 45px">
            <a href="http://www.facebook.com/TheFelixBar" target="_blank"><img src="/felixthecat/modx/assets/templates/felix/images/facebookpng45.png" title="Facebook Link" alt="Felix Facebook Link"></a>
        </div>          
                    
        <div id="twitterpng" style="height: 45px">
        	<a href="http://twitter.com/FelixBarComedy" target="_blank"><img src="/felixthecat/modx/assets/templates/felix/images/twitterpng45.png" title="Twitter Link" alt="Felix Twitter Link"></a>
        </div>
        
        <!-- END NAVIGATION --> 
             
                
        <div id="content">
        	<div class="contentframe">
            	<p><h1>WELCOME TO THE FELIX BAR</h1></p>
                <br>
            	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                <br>
                <br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></p>
        	</div>
            
            
        </body>
        </html>
          • 28042 ☆ A M B ☆
          • 24,524 Posts
          In your <div id="content">, remove all of that content and replace it with [*content*]. Now the content of each resource will appear here.
            Studying MODX in the desert - http://sottwell.com
            Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
            Join the Slack Community - http://modx.org
            • 31981
            • 26 Posts
            So I assume that means I have to rework the div styling to ensure the structure of the layout?

            Thanks very much!
              • 28042 ☆ A M B ☆
              • 24,524 Posts
              That depends on what you have in each resource’s content. Any styling you have for #content will be applied to it.
                Studying MODX in the desert - http://sottwell.com
                Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
                Join the Slack Community - http://modx.org
                • 31981
                • 26 Posts
                No luck I’m afraid, all that is happening is that within the div I see "[*content*]" on screen.

                http://tomphilli.ps/felixthecat/modx/index.php?id=1

                Where to from here?
                  • 11055 ☆ A M B ☆
                  • 3,112 Posts
                  You’re using Revolution.
                  The proper tag should be [[*content]]
                  Read more in here: http://bobsguides.com/migrating-revolution.html
                    Rico
                    Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
                    MODx is great, but knowing how to use it well makes it perfect!

                    www.virtudraft.com

                    Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

                    Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

                    Maintainter/contributor of Babel

                    Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.
                    • 31981
                    • 26 Posts
                    I’ve updated the code to this, and the content is still not displaying correctly, but has now changed so that "[[*content*]]" is not displayed as text within my div.

                    Here’s a link:

                    http://tomphilli.ps/felixthecat/modx/index.php?id=3

                    I checked out the source code and the area where [[*content*]] should be is blank, so there is something being affected by the cms even though I can’t work out exactly what.
                      • 4172
                      • 5,888 Posts
                      do you see the difference?

                      goldsky’s:
                      [[*content]]

                      yours:
                      [[*content*]]
                        -------------------------------

                        you can buy me a beer, if you like MIGX

                        http://webcmsolutions.de/migx.html

                        Thanks!