or
I have an issue where the RadListBox overlaps the buttons in IE6. It's fine in IE7 and IE8. Please see the attached screenshots.
I have the width of the RadListBox control set to "280px", but it just seems to get ignored in IE6. Does anyone know how to resolve this?
<telerik:RadListBox ID="RadListBox1" runat="server" Width="280px" Height="300px"
SelectionMode="Multiple" AllowTransfer="true" TransferToID="RadListBox2" AutoPostBackOnTransfer="true"
AllowReorder="true" OnDropped="RadListBox1_Dropped" OnTransferred="RadListBox1_Transferred"
AutoPostBackOnReorder="false" EnableDragAndDrop
e.Item.GroupSettings.ExpandDirection = ExpandDirection.Down
e.Item.GroupSettings.OffsetX = "-476"
childItem = New RadMenuItem()
childItem.CssClass="MenuSlide"
e.item.Items.Add(childItem)
Dim uc_Products As products = DirectCast(LoadControl("~/includes/products/products.ascx"), products)
childItem.Controls.Add(uc_Products)
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
Skin
=
"Default"
/>
<
telerik:RadAjaxPanel
ID
=
"RadAjaxPanel1"
runat
=
"server"
Width
=
"600px"
EnableAJAX
=
"true"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
EnablePageHeadUpdate
=
"True"
HorizontalAlign
=
"NotSet"
>
<
asp:Button
Text
=
"productlines"
id
=
"btn_productlines"
runat
=
server
/>
<
asp:Repeater
id
=
"rpt_Footer"
runat
=
"server"
OnItemCommand
=
"UpdateProductGroups"
>
<
HeaderTemplate
><
ul
class
=
"ProductFooter"
></
HeaderTemplate
>
<
ItemTemplate
>
<
li
style
=
"float:left;"
>
<
asp:Literal
runat
=
server
id
=
"ltl_rewrite"
Text='<%# Container.DataItem("rewrite") %>' />
<
asp:ImageButton
ImageUrl='<%#FormatThumbnail(Container.DataItem("foto"))%>'
Tooltip='<%#Container.DataItem("description")%>'
id="btn_Type" runat="server" />
</
li
>
</
ItemTemplate
>
<
FooterTemplate
></
ul
></
FooterTemplate
>
</
asp:Repeater
>
<
asp:Label
runat
=
server
id
=
"aa"
Text
=
"aaa"
/>
</
telerik:RadAjaxPanel
>
Sub UpdateProductGroups(ByVal Sender As Object, ByVal e As RepeaterCommandEventArgs)
aa.Text = "bbb"
End Sub
var curLiEl = args.get_row();<
br
>
var firstInput = curLiEl.getElementsByTagName("input")[0]; <
br
>
var table = document.createElement("table"); <
br
>
<
br
>
<
br
>
//A new row for a Description field <
br
>
row = table.insertRow(-1);<
br
>
cell = row.insertCell(-1);<
br
>
input = CreateInput("Desc", "text"); <
br
>
label = CreateLabel("Description", input.id);<
br
>
cell.appendChild(label);<
br
>
cell = row.insertCell(-1);<
br
>
cell.appendChild(input);<
br
>
<
br
>
//Add a File label in front of the file input<
br
>
var fileInputSpan = curLiEl.getElementsByTagName("span")[0];<
br
>
var firstNode = curLiEl.childNodes[0];<
br
>
label = CreateLabel("File", radUpload.getID());<
br
>
curLiEl.insertBefore(label, firstNode);<
br
>
curLiEl.insertBefore(table, label);<
br
>
}<
br
>
<
br
>
function CreateLabel(text, associatedControlId) {<
br
>
var label = document.createElement("label");<
br
>
label.innerHTML = text;<
br
>
label.setAttribute("for", associatedControlId);<
br
>
label.style.fontSize = 12;<
br
>
return label;<
br
>
}<
br
>
<
br
>
function CreateInput(inputName, type) {<
br
>
var input = document.createElement("input");<
br
>
input.type = type;<
br
>
input.name = inputName;<
br
>
input.style.height = "18px";<
br
>
input.style.width = "130px";<
br
>
input.style.fontSize = "12px";<
br
>
input.style.fontFamily = "Calibri"; <
br
>
return input;<
br
>
}