list items

Johan 95 posts 264 karma points

Dec 07, 2015 @ 15:23

Using Umbraco 7

Umbraco 7

I want to list links and document items on a list. For this purpose, I'm using Related Links and Multiple Media picker.

I want it to list the items that the user creates and if the user isnt creating the items, then i shouldn't display anything

This is what I've done so far:

@inherits UmbracoTemplatePage
@{
    var navItems = CurrentPage;
}
@if (navItems.Any())
{
            <div class="RightColumn">
                <div id="LeftMenuHolder">

                    <span class="Head-Round-Red">

                        <span>Relaterad information</span>
                    </span>


                    <ul>
                        @foreach (var item in navItems)
                        {
                            <li>
                                <a href="@item.relateradlaenk">
                                    <span>@item.Name</span>
                                </a>
                            </li>
                        }
                    </ul>


                    <span class="BoxBot">

                        <span></span>
                    </span>
                </div>
            </div>
}

The problem is that it doesn't show anything, even tho I've created several items on the back-office.

Help please

Copy Link

Dennis Aaen 4499 posts 18254 karma points admin hq c-trib

Dec 07, 2015 @ 15:27

Hi Johan,

You can find the documentation for the related links data type, and how to get data out from it using dynamic or strongly typed Razor here: https://our.umbraco.org/documentation/getting-started/backoffice/property-editors/built-in-property-editors/related-links

And the multiple media picker documentation is available here https://our.umbraco.org/documentation/getting-started/backoffice/property-editors/built-in-property-editors/Media-Picker

Hope this helps,

/Dennis

Copy Link

Johan 95 posts 264 karma points

Dec 07, 2015 @ 16:03

I tried the following:

 @{
                       if (CurrentPage.HasValue("relateradlaenk") && CurrentPage.relatedLinks.ToString().Length > 2)
    {
        <ul>
            @foreach (var item in CurrentPage.relatedLinks)
            {
                var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
                var linkTarget = (bool)item.newWindow ? "_blank" : null;
                <li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
            }
        </ul>
    }
}

note that "relateradlaenk" is the alias of the Related Link

I tried it, but but it still doesnt show any values even tho I've created them in the backoffice

Copy Link

Dennis Aaen 4499 posts 18254 karma points admin hq c-trib

Dec 07, 2015 @ 16:42

Hi Johan,

Try this code below.

 @{
   if (CurrentPage.HasValue("relateradlaenk") && CurrentPage.relateradlaenk.ToString().Length > 2)
    {
        <ul>
            @foreach (var item in CurrentPage.relateradlaenk)
            {
                var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
                var linkTarget = (bool)item.newWindow ? "_blank" : null;
                <li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
            }
        </ul>
    }
}

Hope this works,

/Dennis

Copy Link

Johan 95 posts 264 karma points

Dec 08, 2015 @ 10:13

Thank you Dennis, it's working!

Is it possible to link to documents (for example .pdf documents) the same way?

Copy Link

Dennis Aaen 4499 posts 18254 karma points admin hq c-trib

Dec 08, 2015 @ 10:48

Hi Johan,

If you need this to be possible then you will need to make the pdf documents as a part of your content structure.

It´s not possible to choose files from the media library with the related links data type.

/Dennis

Copy Link

Johan 95 posts 264 karma points

Dec 08, 2015 @ 12:49

how do I make the pdf documents as a part of your content structure?

Copy Link

Dennis Aaen 4499 posts 18254 karma points admin hq c-trib

Dec 08, 2015 @ 13:24

Hi Johan,

You can use the related links if the files that you want to link to is external files. I am not sure that make the pdf documents a part of your content structure is the best solution.

But what you could do is create a pdf document type, on this document type use a media picker or a upload data type.

But if you just want to list files from a folder in the media library I would recommend you to use the media picker, on the page, and the select a folder from the media library, and loop through the folder and output the files.

Hope this helps,

/Dennis

Copy Link

Johan 95 posts 264 karma points

Dec 08, 2015 @ 15:20

Hi Dennis,

I tried this but it didn't work:

  @if (CurrentPage.HasValue("relateradokument"))
                                {
                            <ul>
                                    var caseStudyImagesList = CurrentPage.CaseStudyImages.Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries);
                                    var caseStudyImagesCollection = Umbraco.Media(caseStudyImagesList);

                                    foreach (var caseStudyImage in caseStudyImagesCollection)
                                    {
                                        //I want it to list the dokucment as links
                                        <li><a href="@caseStudyImagesList" target="@caseStudyImagesCollection">@item.caption</a></li>
                                    }
                                }
                            </ul>
                    }

relateradokument is the alias of the media picker.

I want it to list the dokuments as links, but not sure how to do it.

Copy Link

Dennis Aaen 4499 posts 18254 karma points admin hq c-trib

Dec 08, 2015 @ 16:36

Hi Johan,

This snippet of code below should do it for you. Remember to change @item.Name if you want the link text to be another property.

@if (CurrentPage.HasValue("relateradokument"))
{
    @* Get all the media item associated with the id passed in *@
    var media = Umbraco.Media(CurrentPage.relateradokument);
    var selection = media.Children("File");

    if (selection.Any())
    {
        <ul>
            @foreach (var item in selection)
            {
                <li>
                    <a href="@item.Url">@item.Name</a>
                </li>
            }
        </ul>
    }
}

Hope this helps,

/Dennis

Copy Link

Johan 95 posts 264 karma points

Dec 09, 2015 @ 10:58

Hi Dennis,

This code isnt working for some reason..

@* Get all the media item associated with the id passed in *@
                                    var media = Umbraco.Media(CurrentPage.relateradokument);
                                    var selection = media.Children("File");

                                        <ul>
                                            @foreach (var item in selection)
                                            {
                                                <li>
                                                    <a href="@item.Url">tusvr</a>
                                                </li>
                                            }
                                        </ul>

Copy Link

Dennis Aaen 4499 posts 18254 karma points admin hq c-trib

Dec 09, 2015 @ 11:43

Hi Johan,

Did your page have a folder selected, in the media picker.

You could try break the code down piece for piece to see where it fails. And please check that the property alias of the property is "relateradokument"

/Dennis

Copy Link

Johan 95 posts 264 karma points

Dec 09, 2015 @ 12:12

Hi Dennis,

The alias "relateradokument" is corrent,

The if statement works:

@if (CurrentPage.HasValue("relateradokument"))
{
}

My page have a pdf file selected, not a folder.

Copy Link

Dennis Aaen 4499 posts 18254 karma points admin hq c-trib

Dec 09, 2015 @ 12:22

Hi Johan,

Ah okay that´s where the problem is. With my code you will need to select a folder in the media library, and then the code will list all the items in this folder of the filetype file.

Please let me know if you only want to pick the a file and not a folder, and loop trough the files in the folder.

/Dennis

Copy Link

Johan 95 posts 264 karma points

Dec 09, 2015 @ 12:32

Hi Dennis,

Oh I see, I'm sorry that I wasn't clear from the start.

I only want to pick the file and not a folder.

How would the code look like?

Copy Link

Dennis Aaen 4499 posts 18254 karma points admin hq c-trib

Dec 09, 2015 @ 12:45

Hi Johan,

Okay I am sure we can make that working too.

Try this code:

@{      
    if(CurrentPage.HasValue("relateradokument")){                                         
        var mediaItem = Umbraco.Media(CurrentPage.relateradokument);
        <a href="@mediaItem.Url">@mediaItem.Name</a>
    }
}

Hope this helps,

/Dennis

Copy Link

Johan 95 posts 264 karma points

Dec 09, 2015 @ 13:03

Thank you Dennis. It's working now if selected one file.

What if the user wants to pick multiple files (not inside a folder) through Multiple media picker?

How would the code look like then?

Copy Link

Dennis Aaen 4499 posts 18254 karma points admin hq c-trib

Dec 09, 2015 @ 13:10

Hi Johan,

Then the code would look like this

@if (CurrentPage.HasValue("relateradokument"))
{
    var filesList = CurrentPage.relateradokument.Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries);
    var filesListCollection = Umbraco.Media(filesList);

    foreach (var mediaItem in filesListCollection)
    {
         <a href="@mediaItem.Url">@mediaItem.Name</a>
    }
}

Hope this works for you.

/Dennis

Copy Link

Johan 95 posts 264 karma points

Dec 09, 2015 @ 13:30

Thank you so much Dennis!

Copy Link

is working on a reply...

Flag this post as spam?

list items