Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
113 views
I created a custom skin starting with the SiteFinity skin.  Everything works as expected except for the dropdown on the splitbutton.  It has a black border instead of the rounded corners like the sitefinity skin.  Not sure what I'm missing.

/* <RadToolBar / Custom> */
 
/* <tool wrapper> */
 
/* <horizontal> */
 
/*.RadToolBar_Custom .rtbOuter
{
    border: 1px solid #e8e8e8;
}*/
 
.RadToolBar_Custom .rtbMiddle
{
    background: transparent;
}
 
/* </horizontal> */
 
/* </tool wrapper> */
 
/* <buttons> */
 
div.RadToolBar_Custom_Horizontal .rtbItem
{
    margin: 0 3px;
}
 
div.RadToolBar_Custom_Vertical .rtbItem
{
    margin: 3px 0;
}
 
div.RadToolBar_Custom_Vertical .rtbSeparator
{
    width: 30px;
}
 
.RadToolBar_Custom .rtbWrap,
.RadToolBar_Custom .rtbTemplate
{
    color: #333333;
    font: normal 12px/19px "Segoe UI", Arial, Helvetica, sans-serif;
}
 
div.RadToolBar_Custom .rtbMid
{
    padding: 0 5px 5px 0;
}
 
div.RadToolBar_Custom .rtbIn
{
    padding: 2px 0 0 5px;
    overflow: hidden;
}
 
div.RadToolBar_Custom .rtbIcon
{
    padding: 0 2px;
}
 
div.RadToolBar_Custom .rtbChoiceArrow
{
    height: 16px;
}
 
div.RadToolBar_Custom .rtbVOriented .rtbChoiceArrow
{
    margin-top: -7px;
}
 
 
/* <button states> */
 
.RadToolBar_Custom .rtbItem .rtbWrap,
.RadToolBar_Custom .rtbItem .rtbOut,
.RadToolBar_Custom .rtbItem .rtbMid,
.RadToolBar_Custom .rtbItem .rtbIn
{
    background-image: url('ToolBar/rtbNormalBg.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .RadToolBar_Custom .rtbItem .rtbWrap,
* html .RadToolBar_Custom .rtbItem .rtbOut,
* html .RadToolBar_Custom .rtbItem .rtbMid,
* html .RadToolBar_Custom .rtbItem .rtbIn
{
    background-image: url('ToolBar/rtbNormalBgIE6.png');
}
 
.RadToolBar_Custom .rtbSplBtnFocused .rtbWrap, .RadToolBar_Custom .rtbSplBtnFocused .rtbOut, .RadToolBar_Custom .rtbSplBtnFocused .rtbMid, .RadToolBar_Custom .rtbSplBtnFocused .rtbIn,
.RadToolBar_Custom .rtbItemFocused .rtbWrap, .RadToolBar_Custom .rtbItemFocused .rtbOut, .RadToolBar_Custom .rtbItemFocused .rtbMid, .RadToolBar_Custom .rtbItemFocused .rtbIn,
.RadToolBar_Custom .rtbItemHovered .rtbWrap, .RadToolBar_Custom .rtbItemHovered .rtbOut, .RadToolBar_Custom .rtbItemHovered .rtbMid, .RadToolBar_Custom .rtbItemHovered .rtbIn
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('ToolBar/rtbHoverBg.png');
}
 
* html .RadToolBar_Custom .rtbSplBtnFocused .rtbWrap, * html .RadToolBar_Custom .rtbSplBtnFocused .rtbOut, * html .RadToolBar_Custom .rtbSplBtnFocused .rtbMid, * html .RadToolBar_Custom .rtbSplBtnFocused .rtbIn,
* html .RadToolBar_Custom .rtbItemFocused .rtbWrap, * html .RadToolBar_Custom .rtbItemFocused .rtbOut, * html .RadToolBar_Custom .rtbItemFocused .rtbMid, * html .RadToolBar_Custom .rtbItemFocused .rtbIn,
* html .RadToolBar_Custom .rtbItemHovered .rtbWrap, * html .RadToolBar_Custom .rtbItemHovered .rtbOut, * html .RadToolBar_Custom .rtbItemHovered .rtbMid, * html .RadToolBar_Custom .rtbItemHovered .rtbIn
{
    background-image: url('ToolBar/rtbHoverBgIE6.png');
}
 
.RadToolBar_Custom .rtbItemClicked .rtbWrap, .RadToolBar_Custom .rtbItemClicked .rtbOut, .RadToolBar_Custom .rtbItemClicked .rtbMid, .RadToolBar_Custom .rtbItemClicked .rtbIn,
.RadToolBar_Custom .rtbSplBtnExpanded .rtbWrap, .RadToolBar_Custom .rtbSplBtnExpanded .rtbOut, .RadToolBar_Custom .rtbSplBtnExpanded .rtbMid, .RadToolBar_Custom .rtbSplBtnExpanded .rtbIn,
.RadToolBar_Custom .rtbDropDownExpanded .rtbWrap, .RadToolBar_Custom .rtbDropDownExpanded .rtbOut, .RadToolBar_Custom .rtbDropDownExpanded .rtbMid, .RadToolBar_Custom .rtbDropDownExpanded .rtbIn,
.RadToolBar_Custom .rtbChecked .rtbWrap, .RadToolBar_Custom .rtbChecked .rtbOut, .RadToolBar_Custom .rtbChecked .rtbMid, .RadToolBar_Custom .rtbChecked .rtbIn
{
    background-image: url('ToolBar/rtbActiveBg.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .RadToolBar_Custom .rtbItemClicked .rtbWrap, * html .RadToolBar_Custom .rtbItemClicked .rtbOut, * html .RadToolBar_Custom .rtbItemClicked .rtbMid, * html .RadToolBar_Custom .rtbItemClicked .rtbIn,
* html .RadToolBar_Custom .rtbSplBtnExpanded .rtbWrap, * html .RadToolBar_Custom .rtbSplBtnExpanded .rtbOut, * html .RadToolBar_Custom .rtbSplBtnExpanded .rtbMid, * html .RadToolBar_Custom .rtbSplBtnExpanded .rtbIn,
* html .RadToolBar_Custom .rtbDropDownExpanded .rtbWrap, * html .RadToolBar_Custom .rtbDropDownExpanded .rtbOut, * html .RadToolBar_Custom .rtbDropDownExpanded .rtbMid, * html .RadToolBar_Custom .rtbDropDownExpanded .rtbIn,
* html .RadToolBar_Custom .rtbChecked .rtbWrap, * html .RadToolBar_Custom .rtbChecked .rtbOut, * html .RadToolBar_Custom .rtbChecked .rtbMid, * html .RadToolBar_Custom .rtbChecked .rtbIn
{
    background-image: url('ToolBar/rtbActiveBgIE6.png');
}
 
.RadToolBar_Custom .rtbItemFocused .rtbWrap,
.RadToolBar_Custom .rtbChecked .rtbWrap,
.RadToolBar_Custom .rtbDropDownExpanded .rtbWrap,
.RadToolBar_Custom .rtbSplBtnExpanded .rtbWrap,
.RadToolBar_Custom .rtbItemHovered .rtbWrap,
.RadToolBar_Custom .rtbItemClicked .rtbWrap
{
    color: #000000;
}
 
/* </button states> */
 
/* <Drop Down Arrows> */
 
 
.RadToolBar_Custom .rtbSplBtn .rtbChoiceArrow,
.RadToolBar_Custom .rtbItem .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbChoiceArrow
{
    background-image: url('ToolBar/rtbDropArrows.png');
}
 
.RadToolBar_Custom .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbExpandUp .rtbVOriented .rtbChoiceArrow
{
    background-image: url('ToolBar/rtbUpArrows.png');
}
 
.RadToolBar_Custom .rtbSplBtnExpanded .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnExpanded .rtbChoiceArrow,
.RadToolBar_Custom .rtbDropDownExpanded .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbDropDownExpanded .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnHovered .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemHovered .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemHovered .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnClicked .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemClicked .rtbChoiceArrow
{
    background-color: transparent;
    background-image: url('ToolBar/rtbHoverDropArrows.png');
    background-repeat: no-repeat;
}
 
.RadToolBar_Custom .rtbSplBtnExpanded .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbDropDownExpanded .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnHovered .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemHovered .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnClicked .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemClicked .rtbExpandUp .rtbChoiceArrow
{
    background-image: url('ToolBar/rtbHoverUpArrows.png');
}
 
/* </Drop Down Arrows> */
 
.RadToolBar_Custom_Horizontal li.rtbSeparator
{
    border-left: 1px solid #474747;
    background: #a1a1a1;
}
 
.RadToolBar_Custom_Vertical li.rtbSeparator
{
    border-top: 1px solid #474747;
    background: #a1a1a1;
}
 
* html .RadToolBar_Custom .rtbSplBtnActivator { margin-top /**/: 2px; } /* IE Quirksmode hack */
 
*+html div.RadToolBar_Custom .rtbIn { vertical-align: top; }
* html div.RadToolBar_Custom .rtbIn { vertical-align: top; }
 
*+html div.RadToolBar_Custom .rtbIn * { vertical-align: middle; }
* html div.RadToolBar_Custom .rtbIn * { vertical-align: middle; }
 
/* </buttons> */
 
 
/* <disabled states> */
 
.RadToolBar_Custom .rtbDisabled .rtbWrap,
.RadToolBar_Custom .rtbDisabled .rtbOut,
.RadToolBar_Custom .rtbDisabled .rtbMid,
.RadToolBar_Custom .rtbDisabled .rtbIn,
.RadToolBar_Custom .rtbDisabled .rtbWrap:hover,
.RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbOut,
.RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbMid,
.RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbIn
{
    background-image: url('ToolBar/rtbDisabledBg.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .RadToolBar_Custom .rtbDisabled .rtbWrap,
* html .RadToolBar_Custom .rtbDisabled .rtbOut,
* html .RadToolBar_Custom .rtbDisabled .rtbMid,
* html .RadToolBar_Custom .rtbDisabled .rtbIn,
* html .RadToolBar_Custom .rtbDisabled .rtbWrap:hover,
* html .RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbOut,
* html .RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbMid,
* html .RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbIn
{
    background-image: url('ToolBar/rtbDisabledBgIE6.png');
}
 
.RadToolBar_Custom .rtbDisabled .rtbWrap { color: #999999; }
 
/* Opacity hack for IE */
.RadToolBar .rtbDisabled .rtbIcon,
.RadToolBar .rtbDisabled .rtbChoiceArrow
{
    filter: alpha(opacity=40)\9;
    -ms-filter: "alpha(opacity=40)"\9;
}
 
div.RadToolBar .rtbDisabled { opacity: 1; -moz-opacity: 1 }
.RadToolBar .rtbDisabled .rtbIcon,
.RadToolBar .rtbDisabled .rtbChoiceArrow { -moz-opacity: .4; opacity: .4; }
 
/* </disabled states> */
 
/* <background positions> */
 
.RadToolBar .rtbItem .rtbWrap { background-position: 0 100%; }
.RadToolBar .rtbItem .rtbOut { background-position: 100% 0; }
.RadToolBar .rtbItem .rtbMid { background-position: 100% 100%; }
.RadToolBar .rtbItem .rtbIn { background-position: 0 0; }
 
.RadToolBar .rtbDisabled .rtbWrap { background-position: 0 100%; }
.RadToolBar .rtbDisabled .rtbOut { background-position: 100% 0; }
.RadToolBar .rtbDisabled .rtbMid { background-position: 100% 100%; }
.RadToolBar .rtbDisabled .rtbIn { background-position: 0 0; }
 
/* </background positions> */
 
/* <drop-down> */
 
/* <Drop Down rounded corners and shadows> */
 
.RadToolBarDropDown_Custom .rtbTopFix,
.RadToolBarDropDown_Custom .rtbBottomFix,
.RadToolBarDropDown_Custom .rtbGroup
{
    background-color: #ffffff;
    /*background-repeat: repeat-y;
    background-image:none !important;*/
}
 
.RadToolBarDropDown_Custom .rtbBottomLeft,
.RadToolBarDropDown_Custom .rtbRoundedCorners
{
    background-image:  url('ToolBar/rtbRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadToolBarDropDown_Custom .rtbTopRight,
.RadToolBarDropDown_Custom .rtbBottomRight
{
    background-image:  url('ToolBar/rtbRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadToolBarDropDown_Custom div.rtbTopFix,
.RadToolBarDropDown_Custom div.rtbBottomFix
{
    border: 0;
}
 
/* </Drop Down rounded corners and shadows> */
 
div.RadToolBarDropDown_Custom
{
    border-color: #c4c4c4;
    background-color: #ffffff;
     
     
}
 
.RadToolBarDropDown_Custom .rtbWrap,
.RadToolBarDropDown_Custom .rtbTemplate
{
    color: #b5b5b5;
    font: normal 12px/19px "Segoe UI", Arial, Helvetica, sans-serif !important;
     
}
 
.RadToolBarDropDown_Custom .rtbItemHovered,
.RadToolBarDropDown_Custom .rtbItemHovered .rtbWrap
{
    text-decoration: underline;
}
 
.RadToolBarDropDown_Custom .rtbItemFocused,
.RadToolBarDropDown_Custom .rtbItemFocused .rtbWrap
{
    color: #000000;
}
 
.RadToolBarDropDown_Custom .rtbDisabled .rtbWrap
{
    color: #8a8a8a;
}
 
.RadToolBarDropDown_Custom .rtbSeparator
{
    border-color: #c9c9c9;
    background: #ffffff;
}
.RadToolBarDropDown_Custom .rtbWrap
 
    {
  
      background-color:White !important;
      padding:3px !important;
      background-image:none !important;
      font: normal 12px/19px "Segoe UI", Arial, Helvetica, sans-serif !important;
    }
 
/* </drop-down> */
 
/* </RadToolBar / Custom> */
Kate
Telerik team
 answered on 29 Oct 2012
4 answers
277 views
All I want to do is fire off a command to kick a RadGrid into Add mode on the initial load of a page.

If I put the command RadGrid1.MasterTableView.Items[0].FireCommandEvent("InitInsert", ""); into a button click event it does exactly what I want to do.

If I try to put it into any Grid or page event, it crashes.  None of the examples that I've found so far in the forums seem to work.

Sorry.  Found it.  (Not intuitively obvious....)

protected void RadGrid1_PreRender(object sender, EventArgs e)

{

    RadGrid1.MasterTableView.IsItemInserted = true; // Check for the !IsPostBack also for initial page load

    RadGrid1.Rebind();

}

Boris
Top achievements
Rank 1
 answered on 29 Oct 2012
5 answers
102 views
I've downloaded the RadControlsAJAXCourseware and I am more than a little frustrated.  Every project I've opened appears to have problems.  (Why should I have to add using statements to every web page in every project????)   On the other hand I have to admit that I am more familiar with Web Projects than Websites.

For now I'd like some help with the ObjectDataSourceDemo.  I've copied in our licensed 3.5 dlls to BIN and compiled.  There appears to be a problem with the Tasks.cs file.  If I click on the Object Data Source and try to refresh the schema I get the message 'The type 'ObjectDataSourceDemo.Tasks could not be loaded.  If the type is located in the App_Code folder, please check that it compiles.'  

(Everything appears to compile normally.  So far I've been unable to find a coherent explanation of this problem on the web.)

Kate
Telerik team
 answered on 29 Oct 2012
2 answers
90 views
I am trying to modify the look and feel for the default radgrid.
I have done the embeddedskin and embeddedstylesheet set to false.
i get the header body correct but my pager row for the paging and filter columns gets messed up.
can i get the original css styles that aligns the elements correctly...
Uttam Dhakal
Top achievements
Rank 1
 answered on 29 Oct 2012
2 answers
124 views
Hello experts

i am not understanding where i am wrong please help me ....

i have a radgrid and i need to validate designed control.
am using
<ValidationSettings EnableValidation="true" CommandsToValidate="Update, PerformInsert" ValidationGroup="EditMode />

 <EditItemTemplate>
                                        <telerik:RadDatePicker ID="dtTravelDate" DateInput-DateFormat="MM/dd/yyyy" DateInput-DisplayDateFormat="MM/dd/yyyy"
                                            DbSelectedDate='<%# Eval("Travel_Date") %>' runat="server" CssClass="ClaimDateControl"
                                            Width="100px">
                                        </telerik:RadDatePicker>
                                        <asp:RequiredFieldValidator ID="reqTravelDate" runat="server" ControlToValidate="dtTravelDate"
                                            ErrorMessage="Please Enter Travel Date." Display="None"  ValidationGroup="EditMode"> </asp:RequiredFieldValidator>
                                    </EditItemTemplate>
and so on

and end of the template am using validation summary.

<asp:ValidationSummary ID="summuryEdit" runat="server" ShowMessageBox="true" ShowSummary="false" Enabled="true" ValidationGroup="EditMode"  EnableClientScript="true"/>

please help me its very urgent ...

Mahendra
Top achievements
Rank 1
 answered on 29 Oct 2012
1 answer
94 views
Hi All,
We upgraded to the new version 2012.3.1016 of Telerik controls only to notice that, every time a new image is shown by the rotator, it shifts a few pixels to the left. First, we noticed the problem in IE, while FF was fine. The quick fix was to increase the size of the control by one pixel on all each side (left, right, top and bottom). That solved it for IE, but now the same problem appeared in FF.

Here is the code:
<telerik:RadRotator
    ID="AdRadRotator" runat="server" Width="220px" ItemWidth="218px" ForeColor="White"
    Height="290" ItemHeight="288" FrameDuration="5000" EnableRandomOrder="true"
    RotatorType="SlideShow" EnableEmbeddedSkins="false" WrapFrames="true">
    <ItemTemplate>
        <table cellspacing="0" cellpadding="0" width="100%">
            <tr>
                <td>
                    <a href="<%# Eval("DocURL")%>" target='_new'>
                        <img border="0" alt="" src="../../Member/Common/DisplayAd.aspx?id=<%# Eval("ImgID")%>&Type=A"
                            width="<%# Eval("ImgWidth")%>" height="<%# Eval ("ImgHeight")%>" />
                    </a>
                </td>
            </tr>
        </table>
    </ItemTemplate>
</telerik:RadRotator>

As you can see from the attributes, the fix for IE was to set the Width of the control to 220px, while keeping ItemWidth at 218px, which is the size of the image. Similarly for Height and ItemHeight (this may not have been necessary, but I wanted to have an even border around the image. Later I set the foreground to white and the border disappeared).

This seems to be a bug in the new version of the DLLs. The question for the Telerik team is whether a quick fix exists for both IE and FF, or do we have to roll back to the previous DLLs.

Thanks.
SorinC
Top achievements
Rank 1
 answered on 29 Oct 2012
1 answer
110 views

I have a user control that contains a radio list that on SelectIndexChanged it updates a drop down.

I put together a basic page and add the user control to the page it works fine but when I move the control to inside a radgrid it doesn't work, it will post back but never call the SelectIndexChanged event.


Working code

working.aspx

<TT:ToolTipControl ID="ToolTipEdit" runat="server" />

working.aspx.cs

protected void Page_Load(object sender, EventArgs e)
{
    ToolTipEdit.getEditToolTip("POL_TERM_CD", "DataPolTermDropDownlistEdit");
}

User Control


userControl.ascx.cs

public void getEditToolTip(string fieldName, string ddlName)
{
     DataPolTermRadioListBox ccPolTermRadioListBox = new DataPolTermRadioListBox(); //custom radio list
     ccPolTermRadioListBox.ID = "PolTermRadioListBox";
     ccPolTermRadioListBox.AutoPostBack = true;
     ccPolTermRadioListBox.SelectedIndexChanged += new System.EventHandler(updateParent);
     ToolTip.Controls.Add(ccPolTermRadioListBox);
}


Broken Code

brokenPage.aspx

<telerik:RadGrid ID="rgState" Skin="WebBlue" runat="server" OnNeedDataSource="rgState_NeedDataSource"
     AutoGenerateColumns="False" OnPreRender="rgState_PreRender">
     <MasterTableView DataKeyNames="wrtnStPolId" AllowAutomaticUpdates="false" AllowAutomaticDeletes="true"
         AllowAutomaticInserts="false" CommandItemDisplay="Top" AllowMultiColumnSorting="True"
         EditMode="InPlace" GroupLoadMode="Server" Caption="State(s) and Exposure(s)">
         <Columns>
             <telerik:GridTemplateColumn AllowFiltering="false" HeaderText="Pol Type Nstd" SortExpression="nonStdPolTypeCd"
                 UniqueName="nonStdPolTypeCd">
                 <ItemTemplate>
                     <asp:Label ID="lblNonStdPolTypeCd" runat="server" align="center" Text='<%#DataBinder.Eval(Container.DataItem, "nonStdPolTypeCd")%>' />
                        
                 </ItemTemplate>
                 <EditItemTemplate>
                     <cc1:DataNonStdTypeCdDropDownList ID="ddlNonStdTypeCd" runat="server" ClientIDMode="Predictable">
                     </cc1:DataNonStdTypeCdDropDownList>
                     <TT:ToolTipControl ID="ttcNonStdPolTypeCdEdit" runat="server" />
                 </EditItemTemplate>
             </telerik:GridTemplateColumn>
         </Columns>
     </MasterTableView>
 </telerik:RadGrid>


brokenPage.aspx.cs

protected void rgState_PreRender(object sender, EventArgs e)
        {
  
            RadGrid rgExpMod = (RadGrid)sender;
  
            foreach (GridDataItem row in rgExpMod.Items)
            {
  
                    GridDataItem gdiItem = (GridDataItem)row;
  
                    if (row.FindControl("ttcNonStdPolTypeCdEdit") != null)
                    {
  
                        DropDownList ddl = (DropDownList)row.FindControl("ddlNonStdTypeCd");
                        ddl.ID += row.RowIndex;
                        ddl.SelectedIndex = 2;
  
                        NCCI.PDC.Web.Controls.ucToolTip ttcNonStdPolTypeCdEdit = (NCCI.PDC.Web.Controls.ucToolTip)row.FindControl("ttcNonStdPolTypeCdEdit");
                        ttcNonStdPolTypeCdEdit.getEditToolTip("non_std_pol_type_cd", ddl.ID);
                          
                    }
            }
  
        }

Milena
Telerik team
 answered on 29 Oct 2012
3 answers
275 views
I'm new to Telerik.  In this case I'm not quite sure what I'm looking for.

I have a bit of ASP.Net sample code that allows me to upload Word docs and stick them into a varbinary(max) field in a SQL Server database.  (I am aware that there's a RadAsyncUpload control but I don't think that's what I'm looking for.)

Are there any Telerik controls or techniques that could help?
Kate
Telerik team
 answered on 29 Oct 2012
7 answers
460 views
I use the following code to display member images:

                <asp:Repeater runat="server" id="Repeater1" DataSourceID="SqlDataSource1">
                    <ItemTemplate>
                        <fieldset class="chatter-picture">
                            <a href="#" onclick='selectChatter("<%#Eval("username") %>")'>
                                <telerik:radbinaryimage runat="server" id="RadBinaryImage1" DataValue='<%#Eval("ImageData") %>'
                                    AutoAdjustImageControlSize="false" Width="67px" Height="50px" ToolTip='<%#Eval("username") %>'
                                    AlternateText='<%#Eval("username") %>' />
                            </a>
                        </fieldset>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <asp:SqlDataSource id="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ApplicationServices %>"
                SelectCommand="select top 30 username, i.ImageData from aspnet_Users u join member_Image i on i.UserId=u.UserId"></asp:SqlDataSource>

This works fine on my local development machine. However, when I take the code to the production server, where the Telerik Rad Controls for AJAX have also been installed, the images do not show up. How do I troubleshoot this problem on the production server?

Thank you for your time.
Antonio Stoilkov
Telerik team
 answered on 29 Oct 2012
4 answers
337 views
We have found that if you zoom in (CTRL +) or use the zoom menu in Chrome to zoom the drag-n-drop functionality becomes unpredicatble - sometimes it will work and sometimes it won't. IE and Firefox don't seem to have this problem. 

I have been able to recreate this issue in this demo (as well as our app):
http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx

If you drag an item to the recycle bin depending on where you drop it - the drop may or may not work. Specifically I have found that there is a point in the middle of the basket where it will fail consistently - when zoomed in a little. In the demo the cursor turns into a hand when the item is over the recycle bin and when that happens the drop usually works. However it seems if you are hovering over the bin and the cursor is still a standard arrow and you drop it - the drop fails and the item is not removed from the grid.

I don't know if this is something that Telerik or anyone other than the Chrome team can fix. Any thoughts, suggestions?
Pavlina
Telerik team
 answered on 29 Oct 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?