i can not see anything in my output

Jhon 87 posts 162 karma points

Apr 10, 2018 @ 09:27

Using Umbraco And Getting Started

Umbraco 7

Hi ,

I have written this code but is not showing any error and i can not see out put.

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
var node = Model.Content;


}

@foreach (var rejse in node.Children) {


            <div class="rejseContainer row">


                    <div id="toClear"></div>                        
                    <div class="rejseText col-md-7 col-lg-8">
                        <h1>@rejse.GetPropertyValue("titel")</h1>

                        <h2>@rejse.GetPropertyValue("subtitle")</h2>
                        <p style="max-width: 600px;">@rejse.GetPropertyValue("teaser")</p>
                    </div>

        </div>

}

see my document type.

enter image description here

output: enter image description here

Content :

enter image description here

Copy Link

Jhon 87 posts 162 karma points

Apr 10, 2018 @ 09:45

Can anyone help me?

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 10, 2018 @ 10:14

Hi Jhon,

where and how do you call this partial view? Can you it to us?

Thanks!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 10, 2018 @ 10:27

I attached template and partial view files.

enter image description here

Copy Link

Jhon 87 posts 162 karma points

Apr 10, 2018 @ 10:43

Hi Michael,

What is the mistake? Can you please share.

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 10, 2018 @ 13:00

Hi Jhon,

the template Rejser Liste by which content nodes are these used? In your structure I see first Rejser and as a child 2018 and then the other childs which you want to display in the view.

If you call this partial view from the page Rejser it won't work because you access the direct children which in your case is the node 2018.

To display the other nodes you can use Descendants() where you filter on the Document Type alias of the nodes you want to view.

https://our.umbraco.org/documentation/reference/querying/ipublishedcontent/Collections#descendants

So on your Rejser page you can get the nodes by using:

var nodes = Model.Content.Descendants().Where(x => x.DocumentTypeAlias == "theAliasOfYourNodes");

Then using the foreach you can loop over these nodes and display the html into the frontend.

Hope this helps!

/Michaël

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 11, 2018 @ 06:25

Hi Jhon,

any news on this, did you solved the issue?

Thanks!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 12, 2018 @ 08:52

Hi Michael,

Thank you so much for your help i really appreciate it. It works fine. I am little busy with my exam . Therefore i can not chat with you. Sorry for the late reply.

Now i have a problem Media picker. I want to display one image from media picker not multiple image.

See my coding

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage @{ var node = Model.Content.Descendants().Where(x => x.DocumentTypeAlias == "Arrangement");

}

@foreach (var rejse in node) {

    <div class="rejseContainer row">
        <div class="top col-md-5 col-lg-4">        
    @{
        var typedMediaPickerSingle = Model.Content.GetPropertyValue<IPublishedContent>("image");
        if (typedMediaPickerSingle != null)
        {
            <p>@typedMediaPickerSingle.Url</p>
            <img src="@typedMediaPickerSingle.Url" style="width:200px" alt="@typedMediaPickerSingle.GetPropertyValue("alt")" />
        }
    } 
        </div>  
            <div id="toClear"></div>                        
            <div class="rejseText col-md-7 col-lg-8">
                <h1>@rejse.GetPropertyValue("titel")</h1>

                <h2>@rejse.GetPropertyValue("subtitle")</h2>
                <p style="max-width: 600px;">@rejse.GetPropertyValue("teaser")</p>
            </div>

</div>

}

Image is not displying , See my output:

enter image description here

Copy Link

Jhon 87 posts 162 karma points

Apr 12, 2018 @ 09:53

Can anyone please help me?

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 12, 2018 @ 10:12

Hi Jhon,

did you set the option to disable multi select on the media picker datatype?

https://our.umbraco.org/documentation/Getting-Started/Backoffice/Property-Editors/Built-in-Property-Editors/Media-Picker2#data-type-definition-example

Hope this helps!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 12, 2018 @ 10:21

Yes , I saw. see my datatype.

enter image description here

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 12, 2018 @ 10:31

Jhon,

And you have selected an image in the content node?

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 12, 2018 @ 11:22

yes, see below enter image description here

I can not understand , why is not displaying.

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 12, 2018 @ 11:28

Ok think I found it:

change:

var typedMediaPickerSingle = Model.Content.GetPropertyValue<IPublishedContent>("image");

to:

var typedMediaPickerSingle = rejse.GetPropertyValue<IPublishedContent>("image");

Because you are accessing the wrong object, you need to access the one from your foreach like the other properties.

Hope this helps!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 12, 2018 @ 11:48

Michael ,

Thank you very much for your kind guidance. It works fine.

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 12, 2018 @ 11:52

Hi Jhon,

no problem! Glad I could help you out.

Have a nice day!

/Michaël

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 12, 2018 @ 12:02

Jhon,

don't forget to mark the answer so that others with the same issue can find the solution.

Enjoy Umbraco!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 12, 2018 @ 12:16

I want to display Start date and end date in order by (startdate). How can i do thaat. Can you please provide any example in the doc.

Like that :

enter image description here

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 12, 2018 @ 13:05

HI Jhon,

you mean the builtin published at and unpublished at dates or are you using custom date properties?

https://our.umbraco.org/Documentation/Reference/Querying/IPublishedContent/Collections#orderby

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 12, 2018 @ 13:29

Hi ,

I wrote date function. What is the mistake here?

see my code:

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{

var rejse = Model.Content;

}

string dateCaption1 = "Startdate: " + @rejse.GetPropertyValue("startTime").ToString("d. MMMM yyyy", CultureInfo.CreateSpecificCulture("da-DK"));
string dateCaption2 = "Enddate: " + @rejse.("endTime").ToString("d. MMMM yyyy", CultureInfo.CreateSpecificCulture("da-DK"));

            <div class="rejseInfo">
            <div class="rejseDate">
            <p style="padding-top: 4px; margin-bottom: 5px;">@dateCaption1</p>
                <p>@dateCaption2</p>
            </div>


    <div class="bot">
        <h2>@rejse.GetPropertyValue("subtitle")</h2>
        <h1>@rejse.GetPropertyValue("title")</h1>
        <p style="font-weight: bold;">@rejse.GetPropertyValue("teaser")</p>
        <p>@rejse.GetPropertyValue("bodyText")</p>
    </div>
</div>

It is displying error.

enter image description here

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 12, 2018 @ 14:07

Hi Jhon,

you need to place these 2 lines inside braces like:

@{

var rejse = Model.Content;
string dateCaption1 = "Startdate: " + @rejse.GetPropertyValue("startTime").ToString("d. MMMM yyyy", CultureInfo.CreateSpecificCulture("da-DK"));
string dateCaption2 = "Enddate: " + @rejse.("endTime").ToString("d. MMMM yyyy", CultureInfo.CreateSpecificCulture("da-DK"));

}

Hope this helps.

/Michaël

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 15, 2018 @ 11:38

Hi Jhon,

did you solved your issue? Can you report back to the community? Thanks!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 07:19

Hi, Yes , i Placed it. It is displaying error. See my coding

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{

 var rejse = Model.Content;
 string dateCaption1 = "Startdate: " + @rejse.GetPropertyValue("startTime").ToString("d. MMMM yyyy", CultureInfo.CreateSpecificCulture("da-DK"));
string dateCaption2 = "Enddate: " + @rejse.GetPropertyValue("endTime").ToString("d. MMMM yyyy", CultureInfo.CreateSpecificCulture("da-DK"));

}

            <div class="rejseInfo">
            <div class="rejseDate">
            <p style="padding-top: 4px; margin-bottom: 5px;">@dateCaption1</p>
                <p>@dateCaption2</p>
            </div>


    <div class="bot">
        <h2>@rejse.GetPropertyValue("subtitle")</h2>
        <h1>@rejse.GetPropertyValue("title")</h1>
        <p style="font-weight: bold;">@rejse.GetPropertyValue("teaser")</p>
        <p>@rejse.GetPropertyValue("bodyText")</p>
    </div>
</div>

See error:

enter image description here

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 07:31

Hi Jhon,

could you translate the exception to english?

The part from

CS0103: .... 'CultureInfo'...

Thanks!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 07:36

CS0103: The name 'CultureInfo' does not exist in the current context

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 07:43

Jhon,

You're probably missing a "using namespace System.Globalization;" to include the lirbary for the CultureInfo.

Have a nice day!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 07:50

yes i added like that ,

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@using System.Globalization;

again it is displying error.

Compiler Error Message: CS1501: No overload for the 'ToString' method uses 2 arguments

enter image description here

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 07:58

Jhon,

try to specify the returning type of your GetpropertyValue for both, eg:

 @rejse.GetPropertyValue<DateTime>("startTime")

and

 @rejse.GetPropertyValue<DateTime>("endTime")

Hope this helps!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 08:08

Hi Michael,

It is displying error .

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage @using System.Globalization;

@{

 var rejse = Model.Content;
    string dateCaption1 = "Startdate: " +  @rejse.GetPropertyValue<DateTime>("startTime");
    string dateCaption2 = "Enddate: " +  @rejse.GetPropertyValue<DateTime>("endTime");

}

            <div class="rejseInfo">
            <div class="rejseDate">
            <p style="padding-top: 4px; margin-bottom: 5px;">@dateCaption1</p>
                <p>@dateCaption2</p>
            </div>


    <div class="bot">
        <h2>@rejse.GetPropertyValue("subtitle")</h2>
        <h1>@rejse.GetPropertyValue("title")</h1>
        <p style="font-weight: bold;">@rejse.GetPropertyValue("teaser")</p>
        <p>@rejse.GetPropertyValue("bodyText")</p>
    </div>
</div>

See error: I closed properly , why is it displying error.

enter image description here

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 08:10

Hi John,

you removed the ToString part from your dates.

string dateCaption1 = "Startdate: " + @rejse.GetPropertyValue<DateTime>("startTime").ToString("d. MMMM yyyy", CultureInfo.CreateSpecificCulture("da-DK"));
string dateCaption2 = "Enddate: " + @rejse.GetPropertyValue<DateTime>("endTime").ToString("d. MMMM yyyy", CultureInfo.CreateSpecificCulture("da-DK"));

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 08:24

Sorry , i added .

again it is displying same error

enter image description here

See coding

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage @using System.Globalization;

@{

var rejse = Model.Content; string dateCaption1 = "Startdate: " + @rejse.GetPropertyValue< DateTime>("startTime").ToString("d. MMMM yyyy", CultureInfo.CreateSpecificCulture("da-DK")); string dateCaption2 = "Enddate: " + @rejse.GetPropertyValue< DateTime>("endTime").ToString("d. MMMM yyyy", CultureInfo.CreateSpecificCulture("da-DK"));

}

            <div class="rejseInfo">
            <div class="rejseDate">
            <p style="padding-top: 4px; margin-bottom: 5px;">@dateCaption1</p>
                <p>@dateCaption2</p>
            </div>


    <div class="bot">
        <h2>@rejse.GetPropertyValue("subtitle")</h2>
        <h1>@rejse.GetPropertyValue("title")</h1>
        <p style="font-weight: bold;">@rejse.GetPropertyValue("teaser")</p>
        <p>@rejse.GetPropertyValue("bodyText")</p>
    </div>
</div>

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 08:29

Hi Jhon,

is there a space in front of the datetime in .GetProperty< DateTime>(... ?

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 08:29

No space

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 08:31

Its really hard to see the mistake, could you add the complete content of your partial view and format it nicely in this post?

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 08:33

See below my code

enter image description here

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 08:44

Jhon,

remove the @ in front of both @rejse because you are in a razor block by using @{ ..... }

Hope this helps.

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 08:45

what happened Michael?

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 08:47

What do you mean?

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 08:51

Thank you so much , It works fine. When i am learning Umbraco , I feel little bit hard but I am interesting to learn Umbraco .Thank you very much for your kind support.

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 09:11

Jhon,

no problem that's why we are the most friendliest community!

Also look at umbraco.tv where you find many videos for learning Umbaco!

Have a nice day!

/Michaël

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 09:18

Hi Jhon,

don't forget to mark the answer for this thread.

Have a nice day and keep on enjoying the Umbraco CMS!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 09:30

Hi Michael,

The same code i have written another format, it is displaying error. What is the mistake here.

enter image description here

See output:

Compiler Error Message: CS1928: 'System.Collections.Generic.IEnumerable

enter image description here

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 09:36

Jhon,

because you do:

 Model.Content.Descendants().Where(....)

This returns a list.

So your string caption should be done inside your foreach for each rejse of your nodes.

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 09:42

Fine. Thanks

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 09:49

No problem!

Have a nice day!

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 10:12

Hi Michael,

How to write two DocumentTypeAlias

var node = Model.Content.Descendants().Where(x => x.DocumentTypeAlias == "PresseEkspert" || y => y.DocumentTypeAlias == "PresseForside" );

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 10:19

Hi Jhon,

this way:

var node = Model.Content.Descendants().Where(x => x.DocumentTypeAlias == "PresseEkspert" || x.DocumentTypeAlias == "PresseForside" );

Also Jhon, is it possible to set the answer for this thread and make a new thread for another issue? Because this thread is getting big and contains many different issues.

Hope this helps.

/Michaël

Copy Link

Jhon 87 posts 162 karma points

Apr 16, 2018 @ 11:05

Sure. How can i mark the answer for this thread.

Copy Link

Michaël Vanbrabandt 863 posts 3348 karma points c-trib

Apr 16, 2018 @ 11:06

Hi Jhon,

under the post that you find the most complete answer for your issue you have a button Mark as answer.

Have a nice day!

/Michaël

Copy Link

is working on a reply...

Flag this post as spam?

I can not see anything in my output