1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / General Discussions / Cannot Edit Place Holder

Cannot Edit Place Holder

10 posts, 1 answered
  1. Josh
    Josh avatar
    7 posts
    Registered:
    27 Apr 2009
    27 May 2011
    Link to this post
    After applying a stylesheet to a template I cannot edit some content place holders.  In Overlay mode, the problem place holders appear grayed out.  In Classic mode I can drop one, and only one, control into a problem place holder.  If I do not apply the stylesheet I can edit all place holders in both Overlay and Classic mode.  All the problem place holders are on a single line, no spaces and are closed with />.

    If you look at the image you can see the difference between an editable (footer) placeholder and non-editable (navigation, bodycontent, extras) placeholders.
  2. Josh
    Josh avatar
    7 posts
    Registered:
    27 Apr 2009
    27 May 2011
    Link to this post
    I've narrowed it down to the css floats being used to create the 3 column layout.  Remove the floats and the place holders work again.  Any reason that floats would not work in Sitefinity Themes?  Seems like a bug...
  3. Stanislav Velikov
    Stanislav Velikov avatar
    1113 posts
    Registered:
    23 Aug 2017
    29 May 2011
    Link to this post
    Hello Josh,

    Floats are used for Sitefinity layouts and there should not be any problems with them if you examine the css output of the default theme. Maybe there is some conflict in your theme css or a conflict with an additional css declarations of cs used by the widgets in those placeholders. You can examine the problem closely with firebug.
    Try using percentage values if this suits your needs.

    Regards,
    Stanislav Velikov
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  4. Josh
    Josh avatar
    7 posts
    Registered:
    27 Apr 2009
    31 May 2011
    Link to this post
    Thanks Stanislav,

    I tried your suggestions, with no luck.  Changing to percentages instead of pixels did nothing.  Firebug revealed nothing unusual and my theme is based on a single css file with no other embedded css, so not sure where there would be a conflict.  Also there are no controls/widgets in my placeholders yet...they are empty.

    Below is the code that lays out the 3 columns:

    #MainContainer #Navigation
    {
        float: left;
        position: relative;
        width: 222px;
        min-width: 222px;
        min-height: 100px;
        background-color: Fuchsia;
    }
     
    #MainContainer #BodyContent
    {
        background-image: url(Images/footer-bg.png);
        background-repeat: no-repeat;
        float: left;
        position: relative;
        width: 666px;
        min-width: 666px;
        min-height: 100px;
    }
     
    #MainContainer #Extras
    {
        float: left;
        position: relative;
        width: 112px;
        min-width: 112px;
        background-color: Aqua;
    }
     
    #MainContainer #Footer
    {
        clear: left;
        width: 100%;
        height: 300px;
        background-image: url(Images/footer-bg.png);
        background-repeat: no-repeat;
    }

      Any other suggestions?
  5. Stanislav Velikov
    Stanislav Velikov avatar
    1113 posts
    Registered:
    23 Aug 2017
    02 Jun 2011
    Link to this post
    Hello Josh,

    The css causes your placeholders to overlap. It is observed on (navigation, bodycontent, extras) but not on footer because it uses:

    clear: left;
    Note how the built in templates are structured
    #wrapper {
        width: 770px;
        background: #fff;
        margin: 10px auto;
        text-align: left;  
        }
    #Main {
        clear:both;
        margin: 0
        }
    #SideBar {
         
        clear:both;
        padding: 15px
        }
    #Header, #Footer {
        clear:both;
        }

    Regards,
    Stanislav Velikov
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. Josh
    Josh avatar
    7 posts
    Registered:
    27 Apr 2009
    06 Jun 2011
    Link to this post
    Stanislav,

    I've uploaded another image with the size of the placeholders altered to show that they do not overlap, yet still the placeholders are not editable.

    Maybe I'm missing something but I'm not sure how your example applies to a horizontal three-column floated layout.  The two columns you do show would be stacked vertically due to the clear: both.
  7. Stanislav Velikov
    Stanislav Velikov avatar
    1113 posts
    Registered:
    23 Aug 2017
    08 Jun 2011
    Link to this post
    Hello Josh,

    Please take a look at  your installed Themes (example: Blue with right sidebar). This is very good example of how to structure your css to resolve your problem. Define the #wrapper declaration and note the Header hosts the two placeholders that appear uneditable. Notice the placeholders are floated in the Header which is clear:both; . Or simply said get the css from the pre-made theme see the structure of it and change the Id`s and properties with yours and you will observe the result you seek. Also note
    #MainContainer #Navigation
    referencing two id`s is not used in Sitefinity themes.

    Hope that helps. Let us know if you have more questions. 

    Best wishes,
    Stanislav Velikov
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
    Answered
  8. Josh
    Josh avatar
    7 posts
    Registered:
    27 Apr 2009
    09 Jun 2011
    Link to this post
    Hi Stanislav,

    I'm not able to get the CSS for the default template (blue with right side bar).  Is it available on sitefinity.com anywhere?

    Thanks,

    Josh
  9. Stanislav Velikov
    Stanislav Velikov avatar
    1113 posts
    Registered:
    23 Aug 2017
    10 Jun 2011
    Link to this post
    Hello Josh,

    I suppose you are using Sitefinity 3.7. The Template is included in the installation and is available at ~/Sitefinity3.7/WebSites/yourwebsite/App_Themes . I have attached it to this post. When you place a Theme in App_Themes Sitefinity will automatically recognize it is a theme and you will be able to apply it.

    Write back if you have more questions.

    Regards,
    Stanislav Velikov
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  10. Josh
    Josh avatar
    7 posts
    Registered:
    27 Apr 2009
    16 Jun 2011
    Link to this post
    Stanislav,

    Starting from scratch and using the default template (blue with right side bar) worked.  My content area is now working properly.  Thank you for your help.
10 posts, 1 answered