+1-888-365-2779
Try Now
More in this section

Forums / Developing with Sitefinity / ImageSelector used in Widget causes Designer to render blank in SF 5.x

ImageSelector used in Widget causes Designer to render blank in SF 5.x

6 posts, 0 answered
  1. Jacques
    Jacques avatar
    427 posts
    Registered:
    28 Jun 2007
    17 Apr 2013
    Link to this post
    Hi there, 

    I'm developing a widget with an image selector amongst other controls. The designer comes up blank when you click 'edit' on the widget. Eliminating one possibility at a time I got to this line in the Designer.cs file: 
    descriptor.AddComponentProperty("imageSelector", this.ImageSelector.ClientID);

    When I remove this line the designer shows the other inputs like a regular textbox and the HTMLField of Sitefinity. Both of these controls are storing and retrieving data. 

    In the browser console the following error appears when the line above is present: 
    Uncaught TypeError: Cannot call method 'apply' of undefined.

    Anyone else come across this in SF 5.x? 
    The actual version of SF is 5.4.4000.0

    Regards,
    Jacques
  2. Boyan Barnev
    Boyan Barnev avatar
    1429 posts
    Registered:
    09 Dec 2016
    22 Apr 2013
    Link to this post
    Hi Jacques,

    We have addressed the issue int he support thread you had open on this topic, you can find our response there.
    For your convenience I'm also pasting our reply below:
    "
    Actually FieldControls have been designed to work primarily with the backend item create/edit forms, and using them on a control designer might not always result in the proper working behavior.

    On the out of the box designers where we have the ImageSelection option exposed, we use the EditorContentManagerDialog - a dialog that support selecting/uploading Images/Videos/Documents items.

    If you're using Sitefinity Thunder to create the designer for your control you just need to have a property of type Guid, and Thunder will allow you to select the interface for managing data with this field (ImageSelector, VideosSelector or DocumentsSelector). For your convenience I'm attaching to this reply a sample designer which has the ImageSelector implemented, hope you find it useful.
    "


    Kind regards,
    Boyan Barnev
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Lurch
    Lurch avatar
    64 posts
    Registered:
    18 Jan 2011
    08 Jul 2013 in reply to Boyan Barnev
    Link to this post
    How do you setup the files in the .Zip file example?

    I have created a sample VS 2010 project, to learn how this code works, but I cannot get it to run.

    Can someone please list step-by-step instructions on how to install this code?

    Do you create two widgets for each .ascx file (ServiceItem and ServiceItemtDesigner)?

    Is ServiceItem.ascx ment to call ServiceItemtDesigner.ascx some how? If so, how do you create the event to fire ServiceItemtDesigner.ascx  to appear?
  4. Lurch
    Lurch avatar
    64 posts
    Registered:
    18 Jan 2011
    08 Jul 2013 in reply to Boyan Barnev
    Link to this post
    "If you're using Sitefinity Thunder to create the designer for your control you just need to have a property of type Guid, and Thunder will allow you to select the interface for managing data with this field (ImageSelector, VideosSelector or DocumentsSelector). For your convenience I'm attaching to this reply a sample designer which has the ImageSelector implemented, hope you find it useful."

    How do you do this in Thunder? I have not used Thunder enough to fully understand how to create designers for controls.
  5. Lurch
    Lurch avatar
    64 posts
    Registered:
    18 Jan 2011
    08 Jul 2013
    Link to this post
    Another thing that may help, is that this is NOT the widgets controller, but in the widget itself. It is designed to display along with the widget's contents, not as part of it's property display in the control designer.

    So I guess this is why a lot of the examples are not working for me, as I'm trying to use them in the widget itself, and the code assumes I am using the designer associated the widget?
  6. Stefani Tacheva
    Stefani Tacheva avatar
    718 posts
    Registered:
    06 Dec 2016
    11 Jul 2013
    Link to this post
    Hi,

    Regarding Sitefinity Thudner, please review this section of our documentation:
    http://www.sitefinity.com/documentation/documentationarticles/sitefinity-thunder

    Could you find useful information in the articles available in this URL:

    http://www.sitefinity.com/documentation/documentationarticles/creating-widget-designers

    Furthermore, when you open your project in Visual Studio you will see a Thunder starting page, go to Create Sitefinity items and select Dynamic items field selector. You could watch the video available there and find some additional information below.

    Sitefinity Thunder consists of two parts:
    1. The Visual Studio extension which you are using in your screenshot.
    2. The Sitefinity server module which you can install using the VS extension from the VS menu -> Telerik -> Sitefinity Thunder -> Install Sitefinity Thunder Module. You need to reinstall the module every time you update your VS extension.

    Here are the steps which you should take to get Thunder working:
    1. Create your Sitefinity web app project.
    2. Host it and then open it through the browser to initialize the project and create the database.
    3. Once you have your Sitefinity project running, open Visual Studio to install the Thunder server side module in your project.
    3.1. You can install the module by choosing Telerik -> Sitefinity Thunder -> Install Sitefinity Thunder Module from the VS menu.
    3.2. Alternatively, you can use the Thunder Start Page which should start automatically by default and select Install Thunder Module in the home page. Then click on the Install Thunder module button located in the bottom of the page.
    4. In the dialog which appeared in step 3, select the location of your Sitefinity project and then press install.
    5. Now you should create a connection to your project. Select Telerik -> Sitefinity Thunder -> Connection Settings from the VS menu or go to the Manager Connections page in the Thunder Start Page. Click on the Add button and create a connection by using a Connection name (friendly name), root URL to your site, administrator username and password.

    You should repeat steps 3 and 4 whenever you update your Thunder Visual Studio extension so that the Thunder Sitefinity server side module is up to date.

    Regards,
    Stefani Tacheva
    Telerik
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
6 posts, 0 answered