(828) 862-6667

Sitefinity Blogs


  • Little known Sitefinity configuration settings
  • More detailed examples for Sitefinity component usage
  • Work-arounds for Sitefinity limitations
  • Discoveries and Ah-Ha moments 

Customize a Sitefinity 4.x Control or Widget

by Rich Winslow | Nov 16, 2011

If you want to use a Sitefinity control or Widget, but you don't like the format or style, you can get a copy of the Sitefinity internal widget template, modify it, and then reference the modified version (ex. the Search Box).

If you want to know what classes Sitefinity uses on its controls, see the Sitefinity 4.3 documentation

If you want to get an existing control template and modify it, then you need to download and install the Sitefinity SDK, then look for the templates in the following compressed RAR file:

        C:\Program Files (x86)\Telerik\Sitefinity 4.3\SDK\Content\Resources\WidgetTemplates.rar

Look in the Designers folder to find the set of control templates (ex. Designers\Search\SearchBoxDesigner.ascx)

In the following example, I have VERY CRUDELY changed how the SearchBox is formatted:

Here is the customized Search Box control:

<%@ Control Language="C#" %>
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI" TagPrefix="sfweb" %>
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Services.Search.Web.UI.Public"

TagPrefix="sfSearch" %>

<div style="background-color:#570301;padding:2px;">
   <span style="position:relative;top:0px;color:white;font-family:arial;font-style:italic;font-weight:bold;font-size:.9em">SEARCH:</span>&nbsp;<asp:TextBox ID="queryText" runat="server" CssClass="sf_searchText"></asp:TextBox>&nbsp;<input type ="button" id="searchButton" runat="server" style="color:white;background-color:#a1834d;padding-left:2px;padding-right:3px;" value="GO" alt="Search"/>
</div>

 

Custom formatting of the Sitefinity Search Box 

 

After you have created your own version of the template, do the following

  1. Log into the Sitefinity backend
  2. From the Administation tab, click on Settings
  3. To the right of the title 'Basic Settings', click on Advanced
  4. Towards the bottom of the advanced list, click on Toolboxes, then toolboxes in the submenu, then PageControls then Sections
  5. Choose the Search section, then Tools, then the 'Search' tool
  6. Make the following changes:
    1. Keep 'Enabled' checked
    2. Replace the value in 'Control CLR Type or Virtual Path' to the location of your user control.  For example: ~/CustomTemplates/Search/SearchBox.ascx
    3. Set an appropriate 'Title' and 'Description' as seen in the back-end list of widgets
    4. Clear the 'Global resource class ID' field
    5. Clear the 'CssClass' field unless you have a global class to reference
    6. Set the 'Layout Template' field to the same path to your user control.           For example: ~/CustomTemplates/Search/SearchBox.ascx
    7. Leave the 'Module Name' blank
    8. Leave the 'visibility mode' as 'None'
    9. Click 'Save changes'

This is globally change all Search Boxes to the same template for consistency.  If you want to vary the format from one instance of the search box then you can change it when you drag and drop the control on a template or page.  If the particular control doesn't allow that, then clone the control.

 

 

 

 

 

4 Comments

  1. 1 Air Jordan 04 May
    ,let her  go to school <b><a
    href="http://www.jordanzapatilla.com/jordan-son-of-mars-C79.html">Jordan
    Son Of Mars</a></b> 
    <b><a href="http://www.jordanzapatilla.com/nike-air-max-zoom-kobe-vii-C83.html">Nike
    Air Max Zoom Kobe VII</a></b> .Little Yue Sun  shied <b><a
    href="http://www.jordanzapatilla.com/nike-air-jordan-2011-C77.html">Nike
    Air Jordan 2011</a></b>  told
    reporters  <b><a
    href="http://www.jordanzapatilla.com/nike-air-max-griffey-fury-C80.html">Nike
    Air Max Griffey Fury</a></b> ,I <b><a
    href="http://www.jordanzapatilla.com/nike-air-max-lebron-C84.html">Nike
    Air Max Lebron</a></b> don 
    <b><a
    href="http://www.jordanzapatilla.com/">Zapatillas Jordan</a></b>
    .
  2. 2 jordan 3 02 May
    on the 8 cheap
    jordans online floor jordan 13 on
    sale ,the nike air
    jordan cdp street Air Jordan
    3 square jordan pro
    strong shoes asked her why so late air jordan
    I . on the 8 <b><a href="http://www.usretrojordans.com/">cheap jordans online</a></b> floor <b><a href="http://www.usretrojordans.com/air-jordan-shoes-13-C13.html">jordan 13 on sale</a></b> ,the <b><a href="http://www.usretrojordans.com/nike-air-jordan-cdp-C30.html">nike air jordan cdp</a></b> street <b><a href="http://www.usretrojordans.com/air-jordan-shoes-3-C3.html">Air Jordan 3</a></b> square <b><a href="http://www.usretrojordans.com/jordan-pro-strong-C29.html">jordan pro strong shoes</a></b> asked her why so late <b><a href="http://www.usretrojordans.com/air-jordan-shoes-1-C1.html">air jordan I</a></b> .
  3. 3 air jordans 26 Apr
    court reporters <b><a href="http://www.buylvbagoutlet.com/monogram-eclipse-C5.html">louis vuitton monogram eclipse</a></b> <b><a href="http://www.buylvbagoutlet.com/epi-leather-C44.html">louis vuitton epi alma</a></b> about the situation. <b><a href="http://www.buylvbagoutlet.com/monogram-eclipse-C5.html">louis vuitton monogram eclipse alma</a></b> According <b><a href="http://www.buylvbagoutlet.com/monogram-eclipse-C5.html">lv monogram eclipse</a></b> to <b><a href="http://www.buylvbagoutlet.com/monogram-eclipse-C5.html">eclipse lv</a></b> reports, the same day, the  <b><a href="http://www.buylvbagoutlet.com/">louis vuitton bag</a></b> prosecutor read the indictment, the prosecution and the.
  4. 4 jordan 3 25 Apr
    <b><a href="http://www.buyjordan13.com/air-jordan-retro-11-C42.html">cheap jordan 11</a></b> Shenyang citizen Ms. Lee bought <b><a href="http://www.buyjordan13.com/air-jordan-retro-12-C43.html">cheap air jordan 12</a></b> a villa garden, as seen in <b><a href="http://www.buyjordan13.com/air-jordan-retro-12-C43.html">cheap jordans 12</a></b> the  <b><a href="http://www.buyjordan13.com/">jordans 13</a></b> garden many 6 <b><a href="http://www.buyjordan13.com/air-jordan-retro-12-C43.html">air jordan 12 for sale</a></b> covers <b><a href="http://www.buyjordan13.com/air-jordan-retro-12-C43.html">jordan 12 sale</a></b> son, she was dumbfounded.

Comment

  1.    
     
     
      
       

Why Give Our Secrets Away?

I often get asked why I'm willing to journal all of my Sitefinity discoveries. People think I'm insane to give away for free what I labored over at some point.

Let me answer that in 2 parts:

  • Why journal my discoveries?

    Because I forget and I want to a library of knowledge to refer back to. Oh but it is far worse than that... THREE TIMES now, I've gone to Google and searched for a solution to a problem, only to find MY OWN BLOG entry is #1 in Google and viola! there's the solution!
  • Why give it away for free?

    Because others have been kind enough to do it for us; what goes around, comes around.

    There are all levels of experience, thus someone with less experience may defer to us when needed.

    The lines of 'competition' are very much blurred; in our minds competition is a potential customer or partnership in the right situation.

    We maintain healthy partnerships with one of our competitors; they come to us when they need help and visa versa.

    There is plenty of work out there for everyone if you are putting out quality work and you are straightforward with clients and competition.

Talk to us about how we can help YOU!

 


Don't miss out!

Keep up with our Sitefinity discoveries!
Click on the RSS feed icon below or sign up for our newsletter.


Email Address:
     















Company Info  |   Contact Us  |   Site Map  |   Terms  |   Privacy Policy  |  

Automated Results Computer Consulting LLC, 222 South Caldwell Street, Brevard, NC 28712 (828) 862-6667