Questions on UI for ASP.NET AJAX Forum

2 answers

162 views

Multi-column Combo box jQuery clone issue

Hi,

I am trying to clone the Multi-column combo box but does seem to work.

I am using jQuery 1.4.2 and did use clone(true) to do deep copy, but no success.

can you please let me know if it's possible to clone Multi-column combo box client side?

Regards,
Kalyan

ComboBox

answered on 27 Aug 2013

1 answer

55 views

Display Problems on our website in IE 10

http://www.unmtickets.com

We received a complaint from a customer that our website has problems in IE 10. The scroll bar for the middle container in the middle of the page does not have a "track" in IE 10, thus not allowing the user to scroll in that box.

Turn on Compatibility Mode and the webpage displays fine. No problems in Chrome or Firefox either.

Inspecting the page in IE 10 (F12 Developer Tools), I'm not sure what's being changed in the code that causes the Compatibility Version to work. The average user won't know about Compatibility Mode so we're trying to fix this on our own.

The scroll bar was put there by our CMS.

Slider

answered on 27 Aug 2013

1 answer

65 views

TabStrip with MultiPage Scroll position not maintained in IE10

I have a TabStrip with MultiPage the pageview's are using contenturl, and each pages content causes a scroll, which works fine. However if I scroll the contents of tab A down and then click tab B, and then back to tab A, the scroll position is back to the top of the page. This only occurs in IE10, Chrome and IE9 maintain the scroll position.

TabStrip

answered on 27 Aug 2013

3 answers

301 views

[Solved] dynamic insert and edit form in radgrid

declare grid

<telerik:RadGrid ID="RadGrid1" runat="server" Skin="txstate" EnableEmbeddedSkins="false" Width="600px" Visible="false" >

<MasterTableView Width="100%" DataKeyNames="ID" CommandItemDisplay="Top" CommandItemSettings-AddNewRecordText="Add New"

CommandItemSettings-ShowAddNewRecordButton="true" CommandItemSettings-ShowRefreshButton="false">

<PagerStyle Mode="NextPrevAndNumeric" />

<Columns>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="LinkButton" EditText="Edit" />

<telerik:GridButtonColumn UniqueName="InsertColumn" CommandName="Add" Text="Add" ButtonType="LinkButton" />

<telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName= "DeleteColumn" />

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<asp:PlaceHolder ID="PlaceHolder1" runat="server" />

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

create edit form in itemreated event and insert dynamic control to placeholder1 in editform

Protected Sub RadGrid1_ItemCreated(sender As Object, e As GridItemEventArgs) Handles RadGrid1.ItemCreated

If TypeOf e.Item Is GridEditFormItem And e.Item.IsInEditMode Then

Dim editItem As GridEditFormItem = DirectCast(e.Item, GridEditFormItem)

Dim PlaceHolder1 As PlaceHolder = DirectCast(editItem.FindControl("PlaceHolder1"), PlaceHolder)

PlaceHolder1.Controls.Add(New LiteralControl("<table border='0' cellpadding='5' cellspacing='0' width='100%' align='center'><tr><td width='110px'>"))

Dim lb_Description As Label = New Label

lb_Description.Text = "Description: "

lb_Description.ID = "lb_Description"

lb_Description.CssClass = "label"

PlaceHolder1.Controls.Add(lb_Description)

                            Dim txt_Description As RadTextBox = New RadTextBox

                            txt_Description.Text = editItem.Item("Description").Text

                            txt_Description.ID = "txt_Description"

                            txt_Description.Width = "200"

                            PlaceHolder1.Controls.Add(txt_Description)



		    Dim btn_update As Button = New Button

                    btn_update.Text = "Update"

                    btn_update.ID = "btn_Update"

                    btn_update.CommandName = "Update"

                    btn_update.CssClass = "button"

                    PlaceHolder1.Controls.Add(btn_update)

                    Dim btn_cancel As Button = New Button

                    btn_cancel.Text = "Cancel"

                    btn_cancel.ID = "btn_cancel"

                    btn_cancel.CommandName = "Cancel"

                    btn_cancel.CssClass = "button"

                    PlaceHolder1.Controls.Add(btn_cancel)

	End If

End Sub

works great for editting. Now how do i allow this to be able to click on the "Add New Recod" at the command tool bar to access the form to the insert command? Can somebody help me with this please? Thank you and really appreciate it.

Grid

answered on 27 Aug 2013

1 answer

94 views

RadEditor in IE 10

Rad Editor in IE 10 throws below error when clicking to enter data

Error: Unable to get property 'width' of undefined or null reference

But it works fine with IE 9.

This line throws error in RadEditor.js
if (0==parseInt(popup.style.width))
RadControls\Editor\Scripts\6_6_3\RadEditor.js

Any idea?
Thanks

Editor

answered on 27 Aug 2013

1 answer

90 views

Horizontal scroll bar issue

Hi,

I have implemented a radgrid that will hold the records from a database table say employee table.
I have kept the width of grid as say 420 px and wanted to grow the grid downwards as the new employee names are added.
So no vertical scroll bar required.
css that helped me to acheive this ->
-------------------------
.MyGridClass .rgDataDiv
{
height: auto !important;
}

---------------
But when say the employee name is more than the grid width than its clipped But all i want that whenever any empname that is bigger THERE SHOULD BE ONE HORIZONTAL SCROLL BAR.

so how to achieve this ???

Please help !!

With Regards
Adesh

General Discussions

answered on 27 Aug 2013

5 answers

145 views

Best Fit - When you write using pencil the written part moves on the image

Hello,
How can I make the loaded image to be a best fit on page load (dimensions of the image to fit the editor size when the image is bigger than the editor)?
Once I load the image and I re-size to best fit and try to annotate using the pencil tool or line tool or circle or rectangle the annotation moves to the right and does not stay in the place I write. Is there a way it can stay at the place I wrote and will increase in size accordingly on the main large image. Please help me how to do that.

Thanks
Sree

ImageEditor

answered on 27 Aug 2013

1 answer

106 views

Broken layout after moving the combobox in DOM

Hi,

I added a RadComboBox to my page and move it client-side to another location in the DOM.
But somehow the layout gets broken.
I use jQuery to move it:

$(this._comboBox.get_element()).appendTo($("<div>").appendTo(this._containerElement));

The page doesn't do any postbacks, so moving it in the DOM wouldn't be a problem.

I attached a screenshot of the broken layout. Is there any way to fix the layout?

Thanks!

ComboBox

answered on 27 Aug 2013

1 answer

641 views

AutoPostBack for radComboBox

Hey,
I am having an aspx file where a value is saved in a variable after user inputs data. (i.e. customerID which is auto-generated from database is saved to an object I defined).
I am having one radComboBox which I set autoPostBack = true because I want other radComboBox's datasource to fulfill accordingly to the first one, but when I choose a value from the first combo the whole page refreshes because of the autoPostBack=true and the variable of the customer is set to null and doesn't keep its value.
Is there a good way to bypass this problem without using session parameters ?

It should be mentioned,my aspx file is having radMultiPage with 3 radPageViews.
The 1st tab is where i get the new information, which I put in the 2nd tab, and my 2 comboboxes are on the 2nd tab.

Thank you,
Tal

General Discussions

answered on 27 Aug 2013

3 answers

197 views

hovering over Parent Menu updates Child Menus

i have a small issue with the way the CSS is affecting Child Menus.
here is my code

<div style="height:20%;padding-top:50px;">

<telerik:RadMenu ID="RadMenu1" Style="float:right;" Flow="Horizontal" runat="server">

<Items>

<telerik:RadMenuItem Text="Messages"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Stock"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Cash"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Staff"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Reports"></telerik:RadMenuItem>

<telerik:RadMenuItem selected="true" Text="Admin" >

<Items>

<telerik:RadMenuItem Text="Admin"></telerik:RadMenuItem>

<telerik:RadMenuItem text="Stock Admin"></telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>












<style type="text/css">
 
 
    /*http://demos.telerik.com/aspnet-ajax/grid/examples/styles/customskin/MyCustomSkin/menu.MyCustomSkin.css*/
    .RadMenu_Default .rmGroup .rmLink { 
        padding-left: 0px ;        
    } 
   /*rmRootLink rmLink*/
    .RadMenu_Default .rmGroup .rmLink .rmText { 
        padding-left: 5px ; 
         
    }
 
 
 
    .RadMenu_Default  .rmRootGroup  .rmSelected
    {
        background:#f7931d; /*what happens when the Tab is 'Selected'*/           
    }
 
    div.RadMenu .rmRootGroup
    {
        /*all the border tags here, remove the black border that went round the entire Menu Control*/
        border-width:0px;     
        border-bottom:5px solid #f7931d;        
    }
    div.RadMenu .rmRootGroup .rmItem .rmText
    {
        text-align:left;
        /*the Border tags help to seperate each Menu Tab to make it look like its a seperate entity*/
        border-left:solid;           
        border-right:solid; 
        border-left-color:white;
        border-right-color:white;                        
         
        width:70px; /*width of each root tab*/
        height:35px;    /*height of each root tab*/
        color:#979797; /*colour of the text on the tab*/
    }
 
    div.RadMenu  .rmItem:hover .rmText
    {
       color:white;  /*font colour when hovering over*/
    }
 
    .RadMenu_Default .rmGroup .rmText
    {
        /*the border and background properties will remove the block on the left side of the drop down menu where an icon would usually be placed.*/
         border: 1px solid #979797 ; 
         background: #f0f0f0 ;                       
         
    }
 
    .RadMenu_Default .rmText:hover
    {
        background:#f7931d; /*background of tabs when moused over*/
         
    }
 
 
    .RadMenu_Default
    {
        width:598px; /*width of the entire control*/          
    }
</style>

The issue is that when i hover the mouse cursor over the Parent 'Admin' tab, the Parent 'Admin'
tab correctly highlights as orange and the text changes to white, but the sub menus of 'Admin'
(Admin & StockAdmin) also turn white.

moving the cursor so that it no longer hovers over the entire menu shows that the Parent 'Admin'
tab and its child tabs all change back to gray.

i would like it so that when i hover over Parent 'Admin', only the Parent Admin tab has its text
change to gray.
if i was to hover over one of the child tabs, only that one child tab would have its text change
to gray.

is this possible?

Menu

answered on 27 Aug 2013