Rayyan 46 posts 238 karma points

Jul 20, 2017 @ 11:12

0

Path.GetFileName(item) - Control the number of items

Templates, (partial) views and macros

Umbraco 7

Hi,

Is there a way to control the number of the items that the code get from the folder?

Something like this;

 <img src="/media/@Model.Content.GetPropertyValue("placeID")/@Path.GetFileName(item) [6 Items Max] " />

Many thanks

Copy Link

Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 20, 2017 @ 11:15

1

Hi Rayyan

This code, that you provided, doesn't return files from the folder.

This is what you need:

string[] files = Directory.GetFiles(folderPath).Take(6).ToArray();

Thanks,

Alex

Copy Link

Rayyan 46 posts 238 karma points

Jul 20, 2017 @ 11:28

0

Thank you Alex,

I just realise that I didn't ask the right question, what i'm looking for is to limit the number of the thumbnails only and keep the foreach as it is.

Is that possible?

 <img src="/media/@Model.Content.GetPropertyValue("placeID")/@Path.GetFileName(item) **[take(6)]** " />

---

@{
    string folderPath = Server.MapPath("/media");
    string[] files = Directory.GetFiles(folderPath + "/" + Model.Content.GetPropertyValue("placeName"));
}
@foreach (string item in files){

<li id="firstImage" class="col-xs-6 col-sm-4 col-md-3" data-src="/media/@Model.Content.GetPropertyValue("placeName")/@Path.GetFileName(item)" data-sub-html="">
                    <a href="">
                        <img src="/media/@Model.Content.GetPropertyValue("placeName")/@Path.GetFileName(item)"/>
                    </a>
                </li>
} 

Copy Link

Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 20, 2017 @ 11:55

0

Rayyan, use this code:

@{
    string folderPath = Server.MapPath("/media");
    string[] files = Directory.GetFiles(folderPath + "/" + Model.Content.GetPropertyValue("placeName")).Take(6).ToArray();
}
@foreach (string item in files){

    <li id="firstImage" class="col-xs-6 col-sm-4 col-md-3" data-src="/media/@Model.Content.GetPropertyValue("placeName")/@Path.GetFileName(item)" data-sub-html="">
        <a href="">
            <img src="/media/@Model.Content.GetPropertyValue("placeName")/@Path.GetFileName(item)"/>
        </a>
    </li>
} 

Copy Link

Rayyan 46 posts 238 karma points

Jul 20, 2017 @ 12:05

0

This code limits the foreach to display 6 items, and what I want is to keep the foreach as it is and limiting the img tag only.

Thanks

Copy Link

Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 20, 2017 @ 12:06

100

How many img tags do you have now?

Copy Link

Rayyan 46 posts 238 karma points

Jul 20, 2017 @ 12:09

0

6 img tags

Copy Link

Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 20, 2017 @ 12:53

0

You will have the same number of img tags on your page as images.

Copy Link

Rayyan 46 posts 238 karma points

Jul 20, 2017 @ 13:01

0

You;re right, but i want to let the foreach displays all the

<li data-src="/media/806.png" data-sub-html="">
                        <a href="">
                            <img class="img-responsive" src="/media/806.png"/>
                        </a>
                    </li>
    <li data-src="/media/853.png" data-sub-html="">
                        <a href="">
                            <img class="img-responsive" src="/media/853.png"/>
                        </a>
                    </li>
    <li data-src="/media/089.png" data-sub-html="">
                        <a href="">
                        </a>
                    </li>
    <li data-src="/media/931.png" data-sub-html="">
                        <a href="">
                        </a>
                    </li>
    <li data-src="/media/061.png" data-sub-html="">
                        <a href="">
                        </a>
                    </li>
    <li data-src="/media/735.png" data-sub-html="">
                        <a href="">
                        </a>
                    </li>
    <li data-src="/media/637.png" data-sub-html="">
                        <a href="">
                        </a>
                    </li>

As you can see, only the first 2 img tag (for example) are displayed.