Umbraco 7 Get Crops from Multi Media Picker for Image Gallery

-

Working in 7.9.2:

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@if(CurrentPage.HasValue("galleryImages"))
                    {
                        <div class="row">
                       
                            @{
                            char[] splitChar = { ',' };
                            string[] ids = CurrentPage.galleryImages.ToString().Split(splitChar, StringSplitOptions.RemoveEmptyEntries);
                            }
                            @foreach (var id in CurrentPage.galleryImages )
                            {
                        int imageId = int.Parse(id.ToString());
                            <div class="col-md-6">
                               <a href="@id.Url" data-fancybox="group" data-caption="@id.Name">
                                    <img src="@Umbraco.Media(@imageId).GetCropUrl("umbracoFile","square")" alt="" />
                                </a>
                                <p>@id.Name</p>
                                </div>
                               
                            }
                       
                        </div>
                    }



Working pre 7.9.2:

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@if(CurrentPage.HasValue("galleryImages"))
                    {
                        <div class="row">
                       
                            @{
                            char[] splitChar = { ',' };
                            string[] ids = CurrentPage.galleryImages.ToString().Split(splitChar, StringSplitOptions.RemoveEmptyEntries);
                            }
                            @foreach (string id in ids )
                            {
                                int imageId = int.Parse(id);
                                <div class="col-md-4">
                                <a href="@Umbraco.Media(imageId).Url" data-fancybox="group" data-caption="@Umbraco.Media(imageId).Name">
                                    <img src="@Umbraco.Media(imageId).GetCropUrl("umbracoFile","square")" alt="" />
                                </a>
                                <p>@Umbraco.Media(imageId).Name</p>
                           
                                </div>
                            }
                       
                        </div>
                    }

Comments

Post a Comment

Popular posts from this blog

Umbraco - Reset the Admin Password via SQL Server

-
To reset the admin password of a Umbraco website. 1. In Sql server, run the following script on the database: USE  INSERT-YOUR-DATABASE-NAME-HERE GO UPDATE umbracoUser set userdisabled=0, userLogin='admin', userPassword='default' where id=0 2. In your web config file, find the "UsersMemnershipProvider" section, change the setting: passwordFormat="Hashed" to passwordFormat="Clear" You should now be able to login using the Username: Admin and the Password: default ("the two sweetest words in the english language").
Read more

Create a .NET Contact Form that Gets the Last Url Visited in C# Can also be Used in Umbraco

-
This is a Simple Contact From done in C# .Net and also can be used in Umbraco.  Paste the code in to Visual Web Developer for a better view. The important bits are coment in the second file.  One of the Commented out lines highlights how to get the mailto address from an Umbraco field. The code Below includes the myContactForm.ascx.cs codebehind file and the myContactForm.ascx file. 1) The myContactForm.ascx file:  <%@ Control Language="C#" AutoEventWireup="true" CodeFile="ContactFormforPublications.ascx.cs" Inherits="usercontrols_ContactFormPublications" %> <div class="contact-form" id="contactForm" runat="server">     <h3>Request a Publication</h3>     <div class='int'>         <form runat="server">         <asp:Panel DefaultButton="contactFormSubmit" runat="server">      ...
Read more

Umbraco Macro for IFrame when Embedding Video, Vimeo Universal Player, or other types of IFrame on to a Page XSLT version and Razor Version

-
Vimeo Uneversal Player is cross platform compatiable, and uses IFrames, so you need a Macro to Embedd a video from Vimeo in to Umbraco: Part A: Create the XSLT File and Macro  (If you want to use Razor instead of xslt, the Razor code is at the bottom of this post) 1) Create a New Clean XSLT File and tick Create Macro. 2) Give the Macro a Name, such as: Vimeo IFrame Embedd for Vimeo Universal Player 3) Paste in the following Code: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE xsl:Stylesheet [ <!ENTITY nbsp "&#x00A0;"> ]> <xsl:stylesheet     version="1.0"     xmlns:xsl=" http://www.w3.org/1999/XSL/Transform "     xmlns:msxml="urn:schemas-microsoft-com:xslt"     xmlns:umbraco.library="urn:umbraco.library"     exclude-result-prefixes="msxml umbraco.library"> <xsl:output method="xml" omit-xml-declaration="yes"/> <xsl:para...
Read more