Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Sherry Ann Hernandez 320 posts 344 karma points
    Oct 20, 2010 @ 09:08
    Sherry Ann Hernandez
    0

    Help in designing a content list

    Hello,

    I have a module that list all the meeting rooms and each room should have a description, list of amenities and floor plan.

    The display should look like this.

    The user can also compare each room. Do I need to setup each room as content page under the meetings page?

    Clicking the tabs will also display a ligthbox containing the information.

    I'm having a difficulty on how to do this in umbraco. Any suggestion?

    Thanks,

    Sherry

  • Bart de Jonge 29 posts 51 karma points
    Oct 20, 2010 @ 09:25
    Bart de Jonge
    1

    Hello Sherry,

    Start by creating a document type for your meeting room and make sure you have all your properties (mediapicker, descriptio,title,....)
    Than you create an xslt and add your properties.

    This is all very well documented on the umbraco website.

    for the lightbox you can just use JQuery

  • Sherry Ann Hernandez 320 posts 344 karma points
    Oct 20, 2010 @ 09:38
    Sherry Ann Hernandez
    0

    Does it mean one document type for each meeting room? I already have the document type for the meetings and events but the content for this meetings and events should look like the image I posted above. I'm still a little confuse. :(

     

  • Rik Helsen 670 posts 873 karma points
    Oct 20, 2010 @ 09:52
    Rik Helsen
    0

    I strongly suggest getting an Umbraco.tv subscription, it's cheap and saves you loads of time because you're seeing how umbraco is inteded to be used. Small downside is that a lot of video's are still made for the old versions on Umbraco, but that doesn't keep you from getting some usefull insights

    First have a look at the basic tutorial video's:

    Document types: http://umbraco.tv/help-and-support/video-tutorials/for-site-builders/foundation/document-types
    Templates
    : http://umbraco.tv/help-and-support/video-tutorials/for-site-builders/foundation/templates
    Creating your first XSLT macro
    for the content rollsups of different rooms: http://umbraco.tv/help-and-support/video-tutorials/for-site-builders/foundation/creating-your-first-xslt-macro (in case of Umbraco 4.0.x)
    Working with XSLT in 4.5.x
    : http://umbraco.tv/help-and-support/video-tutorials/for-site-builders/xslt-in-umbraco-45/xslt-and-umbraco

    You make a document type for a type of content, not for each instance of a page of that type. You make a template for each document type, and a page for each instance, using that document type and template (they'll be associated automatically), you then create content rollups using xslt macro's that show a list of all "rooms" below the current hotel page. In this xslt you include all the functionality to show lightboxes (do you expect a lightbox when you click on a tab?)

    For the compare function, this'll be a lot of fun, I suggest you focus on the lists of rooms first :p

    Kind regards,
    Rik

     

     

     

  • Hundebol 167 posts 314 karma points
    Oct 20, 2010 @ 09:57
    Hundebol
    0

    Hi Sherry,

    Create a Doc type called "Meeting Room" or something similar. On your "Meetings & events" doc type, tick the "Meeting Room" box as a child node.

    Then in your content under "Meetings & events", create your 2 sub pages (Jade & Amber meeting rooms).

    Insert a XSLT macro on the "Meeting & Events" template. The XSLT will list all the fields you want to show from the "Meeting Room" template.

    I would probably make a tab on the "Meeting Room" doc type, for each frontend tab (Floor plan, virtual tour and so on). It's not necessary to get it working, it's just to make it easier for your editors.

    The XSLT macro spits out normal HTML, so you just add the tabs and the lightbox effects with jquery. 

     

    Hope this helps

    Best regards
    hundebol

  • Sherry Ann Hernandez 320 posts 344 karma points
    Oct 20, 2010 @ 13:18
    Sherry Ann Hernandez
    0

    Thank you for all your replies.

    I'm just really having a trouble on to design it because normally what I will do is just create an admin site where in I can add/delete list of rooms and

    have front end that will display the page. But since I'm using umbraco I want as much as possible use the umbraco back office. I'm doing now what you guys

    suggested. I just encounter a problem when I try to access level 4 nodes and then try to go back to level 1 nodes.

    Example:

    Home

       - Meetings and Events

               - Meetings and Confernces

                    - Amber

                    - Pearl

               - Social Events

                    - Coral

     

    When I go to pearl page (4th level) and try to go back to home (home.aspx) or meetings and events (meetings-and-events.aspx) my page does not display correctly because my url looks like

    http://localhost/en/meetings-and-events/en.aspx instead of http://localhost/en/en.aspx.

     

    I now also have broken links. How do I fix this issue?

  • Rik Helsen 670 posts 873 karma points
    Oct 21, 2010 @ 10:07
    Rik Helsen
    0

    Sounds like your navigation xslt is broken, but without seeing it, nobody can fix it (sounds like this should be in a different topic too)

  • Sherry Ann Hernandez 320 posts 344 karma points
    Oct 21, 2010 @ 10:13
    Sherry Ann Hernandez
    0

    Hi Rik,

    I restructure my nodes and it is now working correctly. Fix my xslt also. :D

    Thanks,

    Sherry

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies