Forest Skin (incl. Photoshop source files)

Thread is closed for posting
12 posts, 0 answers
  1. 63F75A2C-1F16-4AED-AFE8-B1BBD57646AD
    63F75A2C-1F16-4AED-AFE8-B1BBD57646AD avatar
    1572 posts
    Member since:
    Oct 2004

    Posted 08 Apr 2014 Link to this post

    Requirements

    Telerik Product and Version

    Telerik UI for ASP.NET AJAX, based on Q3 2013

    Supported Browsers and Platforms

    all browsers supported by Telerik UI for ASP.NET AJAX


    PROJECT DESCRIPTION 
    This package includes the obsolete Forest Skin and the Photoshop source files.

    Note: The skin can be used in future versions following Q3 2013, without support for new features and controls added in the subsequent releases.

  2. 7E72695D-DECE-4365-B557-B7AEA233E94C
    7E72695D-DECE-4365-B557-B7AEA233E94C avatar
    84 posts
    Member since:
    Aug 2013

    Posted 10 Apr 2014 Link to this post

    This doesn't work with VS 2012, I guess. I got the following error:

    {"The process cannot access the file 'C:\\Projects\\Telerik\\WebResource Assembly Builder\\WebResourceAutoBuilder\\bin\\Debug\\ICSharpCode.SharpZipLib.dll' because it is being used by another process."}
  3. 7E72695D-DECE-4365-B557-B7AEA233E94C
    7E72695D-DECE-4365-B557-B7AEA233E94C avatar
    84 posts
    Member since:
    Aug 2013

    Posted 10 Apr 2014 Link to this post

    Sorry, posted to the wrong site.
  4. B2BAC669-1F74-46F2-AFE5-141208D5B54A
    B2BAC669-1F74-46F2-AFE5-141208D5B54A avatar
    8 posts
    Member since:
    May 2006

    Posted 16 Apr 2014 Link to this post

    Great idea, will really help us to better handle the transition to the new skins more smoothly.  The only issue I have found with the skins uploaded is that the static .css files have .net response.write notation for reference to web resources.  See below extract from the forest dock css, the same applies to the other skins

    .RadDock_Forest .rdMiddle .rdLeft,
    .RadDock_Forest .rdMiddle .rdRight {
      background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Forest.Dock.VerticalSprite.gif")%>'); }
    .RadDock_Forest .rdTop .rdLeft,
    .RadDock_Forest .rdTop .rdRight,
    .RadDock_Forest .rdTop .rdCenter,
    .RadDock_Forest .rdBottom .rdLeft,
    .RadDock_Forest .rdBottom .rdRight,
    .RadDock_Forest .rdBottom .rdCenter {
      background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Forest.Dock.HorizontalSprite.png")%>'); }
    .RadDock_Forest .rdCenter .rdCommands a span {
      background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Forest.Dock.CommandSprite.gif")%>'); }
    .RadDock_Forest .rdMiddle .rdCenter,
    .RadDock_Forest .rdBottom .rdCenter {
      background-color: #c2d197;
      /* disabled var is used as it matches dock bg color */ }
    .RadDock_Forest .rdContent,
    .RadDock_Forest .rdTitleBar em {
      color: #2b2c20; }
  5. 6A1BF0D5-6FFD-433C-915E-06894F47CB2D
    6A1BF0D5-6FFD-433C-915E-06894F47CB2D avatar
    1959 posts
    Member since:
    Apr 2022

    Posted 18 Apr 2014 Link to this post

    Hi Matt,

    The provided skin is designed and implemented to be used as a built-in resource. The reason for providing it is that it is currently obsolete and we provide the ability to be used in scenarios when users like to further style the Telerik controls with this Skin.

    Note that due to the fact that it is obsolete, every further usage is not supported and any requests related to the resources like Images, sprites etc. should be appropriately modified and handled according to the built application. There is no appropriate or more-correct value with which this annotation could be replaced.

    Regards,
    Ianko
    Telerik
     
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
     
  6. 92C65FF2-5DB3-46D3-B285-375874961A1E
    92C65FF2-5DB3-46D3-B285-375874961A1E avatar
    12 posts
    Member since:
    Nov 2010

    Posted 05 May 2014 in reply to 63F75A2C-1F16-4AED-AFE8-B1BBD57646AD Link to this post

    Can you provide the steps necessary to use the attached zip to apply the Forest skin globally within my ASP.NET website project? I just upgraded from ASP.NET AJAX Q2 2013. With that old version, I just specified "Forest" as the Telerik.Skin in my web.config since it was embedded in the skins DLL.

    Thanks, Craig
  7. E26A6689-F094-4454-827C-A33E8284CC99
    E26A6689-F094-4454-827C-A33E8284CC99 avatar
    526 posts
    Member since:
    Apr 2022

    Posted 08 May 2014 Link to this post

    Hello Craig,

    The following pages will help you to build a custom Skin assembly using the attached Skin files
    http://www.telerik.com/help/aspnet-ajax/introduction-skins-external-assembly.html
    http://www.telerik.com/community/code-library/aspnet-ajax/general/how-to-load-skins-from-external-assemblies.aspx

    I hope this helps.


    Regards,
    Galin
    Telerik
     
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
     
  8. 36E9D62F-E2B2-48C4-AF49-3DFB7E7C02B9
    36E9D62F-E2B2-48C4-AF49-3DFB7E7C02B9 avatar
    65 posts
    Member since:
    Dec 2009

    Posted 02 Apr 2015 Link to this post

    This (and the other removed skins) work pretty well when compiled into an embedded skin DLL. However the toolbar looks funky. Has its structure changed since these were released?
    Screenshots are in a zip - forum doesn't allow images as attachments.
  9. 664BDFA4-BDFA-4D79-BF18-5300C8BA3A64
    664BDFA4-BDFA-4D79-BF18-5300C8BA3A64 avatar
    487 posts
    Member since:
    Sep 2017

    Posted 07 Apr 2015 Link to this post

    Hello Josh,

    We have tested the embedded skins with the latest version of RadToolbar and the result is quite different at the provided image. The version of the applied Forest skin is the same as on our skin sharing portal.  We are sending you this video which describes the appearance at our side. To fix the hover effect of items, we have added the following CSS:
    .RadToolBarDropDown_Forest .rtbItemHovered .rtbWrap,
    .RadToolBarDropDown_Forest .rtbItemFocused .rtbWrap {
        background-position: 100% -23px;
        background-repeat: no-repeat;
    }
     
    html .RadToolBarDropDown .rtbItem {
        padding-left: 2px;
    }
     
    html .RadToolBarDropDown .rtbGroup {
        background-position: -4px 0;
    }

    If this workaround does not fix your scenario, we would like to ask you to provide a sample project with the version of embedded skins that you are applying. Also could you please clarify what is the tested ASP.NET AJAX controls version?

    Looking forward to your reply.

    Regards,
    Magdalena
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  10. 36E9D62F-E2B2-48C4-AF49-3DFB7E7C02B9
    36E9D62F-E2B2-48C4-AF49-3DFB7E7C02B9 avatar
    65 posts
    Member since:
    Dec 2009

    Posted 07 Apr 2015 in reply to 664BDFA4-BDFA-4D79-BF18-5300C8BA3A64 Link to this post

    Hi Magdalena,

    Your fix worked nicely for the dropdown buttons. I had to use the !important modifier for it to take.

    Also I was referring to the toolbar itself with the weird looking border. After some tinkering this seems to fix it:

    .RadToolBar .rtbOuter
    {
        padding: 0px !important;
    }
     
    .RadToolBar .rtbInner
    {
        padding: 1px !important;
    }

    I am using Q1 2015.

  11. 664BDFA4-BDFA-4D79-BF18-5300C8BA3A64
    664BDFA4-BDFA-4D79-BF18-5300C8BA3A64 avatar
    487 posts
    Member since:
    Sep 2017

    Posted 08 Apr 2015 Link to this post

    Hello Josh,

    Thank you for sharing in the community. We are also glad to see that the solution meet your expectations.

    Regards,
    Magdalena
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  12. 3508413E-6EF0-4295-A958-C62FE313D124
    3508413E-6EF0-4295-A958-C62FE313D124 avatar
    1 posts
    Member since:
    Feb 2012

    Posted 09 Jun 2015 Link to this post

    I'm having a problem using the Skin's Assembly Builder.

    After uploading the Skin zip file and the Telerik.web.UI dll, and filling the remaining fields, when i hit the "Get Assembly" button, it shows me an error page.

     Can you please tell me if am i doing anything wrong or if there is indeed a problem with this tool and when will it be repaired.

     

    Thank You,

    Hugo

Back to Top

This Code Library is part of the product documentation and subject to the respective product license agreement.