Copied to clipboard

Flag this post as spam?

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


  • mikkel 143 posts 365 karma points
    Feb 16, 2019 @ 12:02
    mikkel
    0

    What is the different. I cant see it

    Hi. Why does the first code not work and the second code works fine, i dont get it. Can some one tell me what is the different between the 2 codes. They should do the same.

    Here is my code that dont work

    @inherits Umbraco.Web.Mvc.UmbracoTemplatePage<ContentModels.Services>
    @using ContentModels = Umbraco.Web.PublishedContentModels;
    @{
        Layout = "Master.cshtml";
        var serviceYdelse = Model.Content.Children<Ydelse>();
    
    }
    <div class="container text-center">
        <div class="row">
            <div class="service-heading-block">
                <h2 class="text-center text-primary title">Our amazing Service features</h2>
                <p class="text-center sub-title">Lorem ipsum dolor sit amet,<span class="text-primary">consectetur adipisicing</span> elit.<br /> Dolor alias provident excepturi eligendi, nam numquam iusto eum illum, ea quisquam.</p>
            </div>
        </div>
        <div class="row">
            @foreach (var item in serviceYdelse)
            {
                <div class="col-lg-4 col-md-6 col-sm-6">
                    <div class="text-center feature-block">
                        <span class="fb-icon color-info">
                            <i class="fa @Model.Content.Site.GetPropertyValue("fonbtAwesomeIkonYdelse");" aria-hidden="true"></i>
                        </span>
                        <h4 class="color-info">@item.Name</h4>
                        <p class="">@Umbraco.Field("beskrivelseYdelse", recursive: true)</p>
                    </div>
                </div>
            }
        </div>
    </div>
    

    The code that works

    @inherits Umbraco.Web.Mvc.UmbracoTemplatePage<ContentModels.Services>
    @using ContentModels = Umbraco.Web.PublishedContentModels;
    @{
        Layout = "Master.cshtml";
        var blogItems = Model.Content.Children<Ydelse>();
    
    }
    <!-- Services -->
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading text-uppercase">Services</h2>
                    <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
                </div>
            </div>
            <div class="row text-center">
                @foreach (var blogItem in blogItems)
                {
                    <div class="col-md-4">
                        <span class="fa-stack fa-4x">
                            <i class="fas fa-circle fa-stack-2x text-primary"></i>
                            <i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i>
                            <h2></h2>
                        </span>
                        <h4 class="service-heading">@blogItem.Name</h4>
                        <!--Indbygget Umbraco ting til at forkorte til x antal ord (ikke tegn)-->
                        <p>@Umbraco.TruncateByWords(blogItem.BeskrivelseYdelse, 25)</p>
    
                        <a href="@blogItem.Url">Læs mere</a>
                    </div>
                }
            </div>
        </div>
    </section>
    
  • Alex Skrypnyk 5908 posts 22603 karma points MVP 4x admin c-trib
    Feb 16, 2019 @ 14:47
    Alex Skrypnyk
    0

    Hi Mikkel

    @Umbraco.Field("beskrivelseYdelse", recursive: true) - returns value for Current page, no sense to use this method in the loop.

    The same here -

    @Model.Content.Site.GetPropertyValue("fonbtAwesomeIkonYdelse");

    Model.Content - current page, no sense to use it in loop, it always returns the same value.

    Thanks, Alex

  • mikkel 143 posts 365 karma points
    Feb 16, 2019 @ 15:24
    mikkel
    0

    Thanks that make sence :D i have a textbox where i want to but the fontawesome code in så that i can change it if want, but it dont work. here is a picture of want i try to do. can you tell me what i do wrong enter image description here

    And here is a picture where i wnat the code to be enter image description here

    Here is a picture from front end where the icon have to be enter image description here

  • Alex Skrypnyk 5908 posts 22603 karma points MVP 4x admin c-trib
    Feb 16, 2019 @ 22:26
    Alex Skrypnyk
    0

    Mikkel

    Put a class name to Forn Awesome Umbraco field, without html.

  • Alex Skrypnyk 5908 posts 22603 karma points MVP 4x admin c-trib
    Feb 16, 2019 @ 22:27
    Alex Skrypnyk
    0

    Like this:

    fa-shopping-cart
    
  • mikkel 143 posts 365 karma points
    Feb 17, 2019 @ 10:03
    mikkel
    0

    Hi Alex It is stil the same. The icons dont show up. I dont get it. i have try with @Html.Raw but that dont work.

    Her is a picture where you can see what i didt enter image description here

    And here is my code

    @inherits Umbraco.Web.Mvc.UmbracoTemplatePage
    @using ContentModels = Umbraco.Web.PublishedContentModels;
    @{
        var selection = Model.Content.Children<Ydelse>();
    }
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading text-uppercase">@Umbraco.Field("titelServices")</h2>
                    <h3 class="section-subheading text-muted">@Umbraco.Field("teaserServices")</h3>
                </div>
            </div>
            <div class="row text-center">
                @foreach (var ydelse in selection)
                {
                    <div class="col-md-4">
                        <span class="fa-stack fa-4x">
                            <i class="fas fa-circle fa-stack-2x text-primary"></i>
                            <i class="@Umbraco.Field("fontawesomeIkon")"></i>
                        </span>
                        <h4 class="service-heading">@ydelse.Name</h4>
                        <p class="text-muted">@Umbraco.TruncateByWords(ydelse.TekstYdelse, 25)</p>
                    </div>
                }
            </div>
        </div>
    </section>
    
  • Feb 17, 2019 @ 10:53
    Abuabdellah | Biker | Umbracian | Freelancer | PPH.me/abuabdellah
    0

    mikkel, try to inspect the element and his parent and post the output html here.

  • mikkel 143 posts 365 karma points
    Feb 17, 2019 @ 11:10
    mikkel
    0

    here is the output html when i inspect <i class></i>

  • Feb 17, 2019 @ 11:55
    Abuabdellah | Biker | Umbracian | Freelancer | PPH.me/abuabdellah
    0

    mikkel, I tested a similar case using the following code I noticed it gives as you mentioned <i class></i> after publishing the icon with empty value and republishing with right value it works.

    <i class="@Umbraco.Field("icon")" data-fa-transform="grow-3">
    
  • mikkel 143 posts 365 karma points
    Feb 17, 2019 @ 11:58
    mikkel
    0

    Hi Tarik what didt you insert in the textbox ? Ibn the code i inser this

    <i class="fa @Umbraco.Field("fontAwesome")" aria-hidden="true"></i>
    

    and in the textbox i insert this

    fab fa-wordpress-simple
    

    And it dont want to work here :D You an se the output here when i inspect the element enter image description here

  • Feb 17, 2019 @ 12:52
    Abuabdellah | Biker | Umbracian | Freelancer | PPH.me/abuabdellah
    0

    mikkel, peace be upon those who follow guidence.

    The solution I suggest is to publish the icon content with empty value after that republish it with right value.

    I did other test and it works. enter image description here enter image description here enter image description here

  • mikkel 143 posts 365 karma points
    Feb 17, 2019 @ 13:13
    mikkel
    0

    Hi Tarik Now I have tried to publish the content with an empty textbox and then publish it with content in textbox. It still does not work. I've also tried a text string and that's the same result. i have alså delete cookies and still the same. I don't understand how you make it work and I don't. I've done the same as you Hmm. Can it have something to do that i use modelbuilder??

  • mikkel 143 posts 365 karma points
    Feb 17, 2019 @ 13:39
    mikkel
    0

    I have also try to do it with an image and that is the same so maybe the problem is something else. I just dont now what ??

  • Feb 17, 2019 @ 14:24
    Abuabdellah | Biker | Umbracian | Freelancer | PPH.me/abuabdellah
    100

    mikkel, have you tried the following code?

    <div class="row text-center">
                @foreach (var ydelse in selection)
                {
                    <div class="col-md-4">
                        <span class="fa-stack fa-4x">
                            <i class="fas fa-circle fa-stack-2x text-primary"></i>
                            <i class="@Umbraco.Field(ydelse, "fontawesomeIkon")"></i>
                        </span>
                        <h4 class="service-heading">@ydelse.Name</h4>
                        <p class="text-muted">@Umbraco.TruncateByWords(ydelse.TekstYdelse, 25)</p>
                    </div>
                }
            </div>    
    
  • mikkel 143 posts 365 karma points
    Feb 17, 2019 @ 14:56
    mikkel
    0

    Hi Tarik that wokt what does it do?

    <i class="@Umbraco.Field(ydelse, "fontawesomeIkon")"></i>
    

    Thanks alot for your help

  • mikkel 143 posts 365 karma points
    Feb 17, 2019 @ 15:31
    mikkel
    0

    I made it as a partial view and when i insert it to the frontpage nothing is showing but when i pas it to the page services it works. That i dont get???

  • Feb 17, 2019 @ 16:44
    Abuabdellah | Biker | Umbracian | Freelancer | PPH.me/abuabdellah
    0

    mikkel, peace be upon those who follow guidence.

    I redirect you to this comment from admin to get more info and also read the last comment.

  • mikkel 143 posts 365 karma points
    Feb 20, 2019 @ 13:07
    mikkel
    0

    thanks :D

  • 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