Container that would Float R-L in Pane
Last Post 01/08/2009 3:13 PM by Lee Sykes. 6 Replies.
Author Messages
PSpeth
Nuke Active Member
Nuke Active Member
Posts:33


--
12/30/2008 7:54 AM
    I was wondering if it would be difficult to create a container and have it float Right or left within the pane.  With the other content wrapping around it.

    I am thinking of having a text module that would wrap around.
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    12/30/2008 10:21 AM
    If I understand, you want to put a smaller module inside of a Text/HTML module, and then have the content of the Text/HTML module wrap around it. I don't believe that this is possible in DotNetNuke.

    But ... there probably are ways to get close to what you want. I'd need to know more details, though.

    Just off the top of my head, you could use ZLDNN's Module Wrapper to wrap several Text/HTML modules around another module.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    PSpeth
    Nuke Active Member
    Nuke Active Member
    Posts:33


    --
    12/30/2008 3:44 PM
    Posted By jncraig on 30 Dec 2008 10:21 AM
    If I understand, you want to put a smaller module inside of a Text/HTML module, and then have the content of the Text/HTML module wrap around it. I don't believe that this is possible in DotNetNuke.

    But ... there probably are ways to get close to what you want. I'd need to know more details, though.

    Just off the top of my head, you could use ZLDNN's Module Wrapper to wrap several Text/HTML modules around another module.
    Thanks for the response.

    Sorry I wasn't quite clear.
    I actually want to put two modules within a single DNN Pane, one would be the texthtml, the other a link list.
    I would like the text two wrap around the Link list Module.

    Joseph Craig
    DNN MVP
    Posts:11667


    --
    12/30/2008 10:47 PM
    I don't know a way to do what you want to do.  I'm not aware of a way to create a module or a container that are not rectangular.

    It would be fun to find another way, though.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    PSpeth
    Nuke Active Member
    Nuke Active Member
    Posts:33


    --
    12/31/2008 7:25 AM
    Posted By jncraig on 30 Dec 2008 10:47 PM
    I don't know a way to do what you want to do.  I'm not aware of a way to create a module or a container that are not rectangular.

    It would be fun to find another way, though.
    Sounded a bit difficult even as I was asking.

    Thanks again for your response, and for this great site.
    It has helped me quite a bit.

    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    01/08/2009 3:12 PM
    Hello,

    I think this would be possible, just think of it in terms of divs

    In your first container surround the html with

    < div class="right" >container< /div >
    Then create a container with
    divs surrounding it with class left

    + use

    .right {
    float: right;
    }

    .left {
    float: left;
    }

    For ideas I did something similar where in a container I placed Google adsense code floating to the right. - The content of the container then wrapped around the Google adsense code - pretty cool - kind of looks like the Intro to each tutorial with the images on the right side and the text wrapping around it
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    01/08/2009 3:13 PM
    PS. of course you will then need to be careful that you have a clear class after these containers so that it doesn't affect the layout of other areas.
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---