Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
132 views
I got struck in strange problem. Actually I previously posted it in the forum and did not get any reply.
In one of my forms I use RadAjaxManager, RadAjaxLoadingPanel, RadTabStrip, RadMultiPage and RadGrid along with some other controls. The page works correctly. My problem is that, when I scroll down the page, it will go up automatically. When I scroll up, it will go down. What would be the problem here?

One more problem is there, the loading panel is not working all the times. Its showing the loading image only some times.
Andrey
Telerik team
 answered on 09 Jan 2012
3 answers
128 views
Hi there everyone, i have the following RadComboBox setup:

<div class="input">
    <telerik:RadComboBox runat="server" ID="radComboBox" AutoPostBack="true"
        Width="394px" EnableEmbeddedBaseStylesheet="False"
        EnableEmbeddedSkins="False" EnableTheming="False"
        ItemsPerRequest="10" MarkFirstMatch="True" ShowMoreResultsBox="True"
        ShowToggleImage="False" EmptyMessage="Search Profiles"
        DropDownCssClass="input-drop" Filter="Contains" DropDownWidth="394px"
        EnableAutomaticLoadOnDemand="True" EnableLoadOnDemand="True" Height="181px"
        OffsetX="-38" OffsetY="8" ShowDropDownOnTextboxClick="False"
        DataTextField="Text" DataValueField="Value" EnableTextSelection="False"
        NoWrap="True">
    </telerik:RadComboBox>
</div>

With the following custom CSS:

.input {
    background-image: url(images/search-input-header.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 33px;
    width: 374px;
    float: left;
    padding: 10px;
}
.input .rcbInput {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    line-height: 29px;
    height: 29px;
    width: 374px;
    background-color: #F2FAFF;
    font-family: 'PT Sans', sans-serif, Arial, Helvetica;
    font-size: 24px;
    font-weight: bold;
    color: #1F80BC;
}
.input .rcbEmptyMessage {
    font-family: 'PT Sans', sans-serif, Arial, Helvetica;
    font-size: 24px;
    font-weight: bold;
    color: #d0e9f9;
}
.input .rcbArrowCellHidden {
    display: none;
}
.input-drop {
    height: 106px;
    width: 374px;
    background-image: url(images/search-dropdown-header.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    overflow: hidden;
    padding: 10px;
    margin-top: 5px;
    margin-left: 29px;
    z-index: 6001;
}
.input-drop .rcbItem,
.input-drop .rcbHovered
{
    float:left;
    overflow:hidden;
    width:175px;
    font-family: 'PT Sans', sans-serif, Arial, Helvetica;
    font-size: 18px;
    font-weight: normal;
    color: #80CDF2;
    text-decoration: none;
    line-height: 22px;
    height: 22px;
    cursor:pointer;
}
.input-drop .rcbItem em,
.input-drop .rcbHovered em
{
    color: #1F80BC;
    font-style: normal;
    font-weight: bold;
}

Everything works great in all browsers except for IE, specifically IE 9... I am unable to click on any items in the dropdown box, almost as if there is a Zindex issue of some sort.

I have v.2011.3.1115.40 (Trial) installed.

Am i missing something that will make the items clickable in IE??

Any help would be great! Thanks,
Duncan
Duncan
Top achievements
Rank 2
 answered on 09 Jan 2012
3 answers
202 views
Here is a simplified scenario that I would like to achieve.

On a page I have a RadSplitter set to horizontal orientation with two RadPanes. Both panes allow scrolling. In the top-most pane, I have a series of anchor tags that bookmark to various sections to the bottom-most pane. Think of a FAQ site where one can click on the question to then scroll to the answer of that question, and that is the type of functionality that I am trying to achieve.

When one of my links is clicked, the bottom-most pane is scrolled to the section I want, so that is working great. The problem is that the entire page scrolls as well, so that the top-most pane and the link that was clicked are now scrolled off the page. Any idea for a way around this so that the page isn't scrolled at all... just the bottom-pane would be scrolled to the appropriate section?

Thanks,

-Scott
Dobromir
Telerik team
 answered on 09 Jan 2012
10 answers
753 views
I have a grid that binds on !IsPostBack in Page_Load, the grid has a GridClientDeleteColumn column with AutoGenerateColumns="true".  Everything works great until I start binding the grid on ClientSide, then I lose the GridClientDeleteColumn icon and functionality for the grid (only the new row do not have the GridClientDeleteColumn icon), however if I do a post-back on the page then any client side binding after will have the GridClientDeleteColumn.

The reason I am binding at Page_Load is so I get all the column names from my data object.  After the initial first bind (on server side), I am binding from the client side for speed so I don't have to do a full post back after I add/delete/modify my grid data rows.

Code:
ASPX code
-----------------------------------------------------------------------------------------------------------
<script language="javascript">
function AddProduct(productID){
          var myGrid = $find("<%=myGrid.ClientID%>");
          PageMethods.AddProduct(productID, OnSucceeded,OnFailed);
          myGrid.MasterTableView.rebind();        
}

function OnSucceeded(result, userContext, methodName) {
...
}

function OnFailed(error, userContext, methodName) {
...
}

</script>

<telerik:RadGrid ID="myGrid" runat="server" AllowAutomaticUpdates="True"
                                            AllowFilteringByColumn="False" AllowPaging="False" AllowSorting="True"
                                            AutoGenerateColumns="True" EnableEmbeddedSkins="false" EnableViewState="False"
                                            FilterItemStyle-HorizontalAlign="Left" GridLines="None"
                                            GroupHeaderItemStyle-HorizontalAlign="Left"
                                            PageSize="25" ShowFooter="True" EnableClientKeyValues="true"
                                            ShowGroupPanel="false" ShowStatusBar="True" Skin="Sunset">
                                    <clientsettings allowcolumnsreorder="False" allowdragtogroup="False"
                                            reordercolumnsonclient="False">
                                        <clientevents OnRowDeleting="RowDeleting"></clientevents>
                                        <selecting allowrowselect="false" />
                                        <DataBinding Location="MyPage.aspx"
                                            SelectMethod="GetData" SortParameterType="String" EnableCaching="false"
                                            DataPropertyName="Data" CountPropertyName="Count" />
                                    </clientsettings>                           
                                    <mastertableview clientdatakeynames="ProductID"
                                            datakeynames="ProductID" name="MasterTableView">
                                        <columns>                                    
                                            <telerik:GridClientDeleteColumn ConfirmText="Delete this item?" ButtonType="ImageButton"
                                                ImageUrl="delete.gif" CommandName="Delete" Text="Delete">
                                            </telerik:GridClientDeleteColumn>                                                                                    
                                            <telerik:GridBoundColumn UniqueName="ProductID" DataField="ProductID" HeaderText="ProductID">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn UniqueName="ProductName" DataField="ProductName" HeaderText="Product Name">
                                            </telerik:GridBoundColumn>                                            
                                        </columns>
                                    </mastertableview>
 </telerik:RadGrid> 

Add Test Product: <input type="button" id="btnClientButton" onclick="AddProduct(12345)">

<asp:Button id="btnServerButton" OnClick="btnServerButton_Click" runat="server" Text="Do a Post Back Then Everything is A-OK">
-----------------------------------------------------------------------------------------------------------
Server Side Code:
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                        myGrid.DataSource=GetData("")["Data"];
                        myGrid.DataBind();
            }
        }

        [WebMethod(true)]
        public static Dictionary<string,object> GetData(string sortExpression)
       {
                  .
                  .
                  data.add("Data",objDataList);
                  data.add("Count",objDataList.Count);
                  return data;
       }

        [WebMethod(true)]
        public static bool AddProduct(int productID)
        {
                  .
                  .
                  objDataList.Add(productID)        

                  return true;
        }

Why is it that only when there's a post back (at least one post back) then the GridClientDeleteColumn will show when I do a client databind/rebind?



Antonio Stoilkov
Telerik team
 answered on 09 Jan 2012
6 answers
244 views
Hi
I undertand I can set width or max-width of node image using css:

#ExploreTreeView img

{

max-width:16px;

max-height:16px

}


I would like to be able to set the image max width programatically though as it needs to be different for certain nodes.
I noticed there is a style property with RadTadTreeNode, I tried this:

C#
newNode.Style.Value= "img {max-width:22px}";
I really don't know if this syntax is correct, but this doesn't work for me.

Can anyone suggect the right way for me to define the image width/max-width programatically?


Thanks
Richard

 

richard
Top achievements
Rank 1
 answered on 09 Jan 2012
0 answers
70 views
Hi,

Using telerik ajax panel. There are a number of buttons and these buttons in the panel due to running events. I am running these events. But i don't use the panel for a while for example 2 minute or 1 minute. Events don't work. The loading panel is calling, do postback but event's doesn't work. What is poblem...
ne2000
Top achievements
Rank 1
 asked on 09 Jan 2012
3 answers
287 views
Hi telerik team,
  
        I have a problem for use rad editor with ribbon mode. i need to hide button and button group on ribbon bar. i use tools file for generate toolbar. Can i do that.


thank for advance :)
Rumen
Telerik team
 answered on 09 Jan 2012
7 answers
411 views
Hello,

I'm having difficulty getting a context menu to expand to the width of the current node's text.  The tree view's context menu in your examples solution always expands to the width of the menu item's text, but I could not find any references where the width of the context menu or its items is explicitly being set.

I'm also using the same jscript function: setMenuItemsState to set the menu item's text.

Please advise.
Kate
Telerik team
 answered on 09 Jan 2012
1 answer
159 views
Hello everyone!

just tried to display in RadSlider tooltip with image. 

with this codes it is ok but displaying 2 image side by side. 
div.innerHTML = "<img src='images/" + slider.get_selectedItems()[0].get_value() + ".gif' width='50' height='64'> <img src='images/"  + slider.get_selectedItems()[1].get_value() + ".gif' width='50' height='64' >";

with this code displaying image good for every step but when i sliding right handle it displaying only  first image 
div.innerHTML = "<img src='images/" + slider.get_selectedItems()[0].get_value() + ".gif' width='50' height='64'> <img src='images/"  + slider.get_selectedItems()[1].get_value() + ".gif' width='50' height='64' >";
        else
 
            div.innerHTML = "<img src='images/" + slider.get_selectedItems()[1].get_value() + ".gif' width='50' height='64'> ";


so target is
when i sliding right handle tooltip displaying right image.
any help?
Regards


Slav
Telerik team
 answered on 09 Jan 2012
1 answer
116 views
Hi
I have a treeview which bind to a Datatable  which is code in the follow
private void fillContractItem()
  
{
  
trvContractItem.DataFieldID = "iNumber";
  
trvContractItem.DataFieldParentID = "iParentNumber";
trvContractItem.DataTextField = "strName";
trvContractItem.DataValueField = "iNumber";
 trvContractItem.DataSource = objContractItem.SelectAll();
trvContractItem.DataBind();
  
}


I want node sort by a filed(name filed is orderfiled in in datatable
how i can move  nodes to up or down in a level  then save order nodes in orderfiled and load nodes by orderfiled and show to users
thanks 
Plamen
Telerik team
 answered on 09 Jan 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?