Questions on UI for ASP.NET AJAX Forum

1 answer

229 views

Radgrid performance large table with Scrolling, Filtering, Sorting

Hello,

I would like to present about 10,000 records per page, I might need paging if more than 10000 records are on the table (Sql Server db).

I need filtering, and sorting, and scrolling.

I know there are several techniques to optimize radgrid, but I would like to know...

Which technique should I look at for loading and displaying data in this case?

Thanks,
Simone

Grid

answered on 08 Jun 2011

3 answers

68 views

AutoPostBackOnFilter="True" ShowFilterIcon="False"

ASP.NET v4.0.30319
IE 8.0.7600.16385
Windows 7
Telerik.Web.UI 2011.1.519.40

When i have a

telerik:GridBoundColumn

with these set

AutoPostBackOnFilter="True" ShowFilterIcon="False"

and I use the tab key to move off the filter textbox sometimes it does not filter and sometimes it does. Also if it filters 2 times in a row it locks the textbox from entry until I click another filter icon or paging control on the screen. The tab button navigates to another textbox that does not have AutoPostBackOnFilter or ShowFilterIcon set at all. The text box locking has existed in the last 2 version as well. I just upgraded to test if it fixes it.

Grid

answered on 08 Jun 2011

1 answer

145 views

open window from codebehind

How secure to open a rad window from javascript? You can get the querry string url from viewsource?

How to open a rad winndow from code behind in radgrid edit/add button click. It should be in RadGrid1_ItemCreated.

Need help ASAP.

Thanks.
Eva

Window

answered on 08 Jun 2011

5 answers

308 views

PageRequestManagerServerErrorException on Grouping

Hi,

I add a groupable radgrid to screen. All columns are not groupable. On the development machine if i try to make grouping on ungroupable field i see a message "Can not group by this column" but on the customer server it returns an exception "Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server. The status code returned from the server was:500"

Regards,

Ahmet HOSO

ComboBox

answered on 08 Jun 2011

4 answers

244 views

Styling TabStrip

Hello Telerik Team,

I would be grateful if someone can provide with a working CSS and images for the attached requirement.
I have tried a lot using Stylebuilder but unable to Customize the Outlook.
I have tried the below css, taking this as a reference.
One more issue is apart from my Custom.css, I see that RadTabStrip (as located in WebResource.axd) conflicts with the one I built.(As Observed by hitting F12 - developer tools in IE)

.RadTabStrip_Curve

{

padding-bottom:0px;

padding-left:0px;

padding-right:0px;

background-color:LightBlue;

}

.RadTabStrip_Curve .rtsLI,

.RadTabStrip_Curve .rtsLink

{

color: #000;

font: 12px/26px sans-serif;

padding:0px 0px 0px 0px;

margin-right:1px;

}

/*div.RadTabStrip_Curve .rtsLI

{

margin-right: 0px;

}*/

.RadTabStrip_Curve .rtsLink:hover

{

color: #4477dd;

}

.RadTabStrip_Curve .rtsSelected:hover

{

color: #000;

}

.RadTabStripLeft_RadTabStrip_Outlook .rtsSeparator,

.RadTabStripRight_RadTabStrip_Outlook .rtsSeparator

{

background: lightblue;

}

/* <disabled tabs> */

.RadTabStrip_Curve .rtsLevel .rtsDisabled,

.RadTabStrip_Curve .rtsLevel .rtsDisabled:hover

{

color: #aaa;

}

.RadTabStrip_Curve .rtsDisabled,

.RadTabStripLeft_Curve .rtsDisabled,

.RadTabStripRight_Curve .rtsDisabled,

.RadTabStripBottom_Curve .rtsDisabled,

.RadTabStrip_Curve_disabled .rtsDisabled

{

color: #bcb;

cursor: default;

}

/* </disabled tabs> */

/* <scrolling arrows> */

.RadTabStrip_Curve .rtsNextArrow,

.RadTabStrip_Curve .rtsPrevArrow,

.RadTabStrip_Curve .rtsPrevArrowDisabled,

.RadTabStrip_Curve .rtsNextArrowDisabled

{

background-image: url('Images/TabStripHStates.png');

}

/*.RadTabStrip_Curve .rtsIn

{

font: 12px/20px arial,sans-serif;

padding: 0 5px 5px;

}*/

/* </scrolling arrows> */

/* <tab backgrounds> */

.RadTabStripTop_RadTabStrip_Outlook .rtsLevel { background-color: transparent; }

/*.RadTabStripTop_RadTabStrip_Outlook .rtsLevel .rtsLink,

.RadTabStripTop_RadTabStrip_Outlook .rtsLevel .rtsOut,

.RadTabStripBottom_RadTabStrip_Outlook .rtsLevel .rtsLink,

.RadTabStripBottom_RadTabStrip_Outlook .rtsLevel .rtsOut,

.RadTabStripTop_RadTabStrip_Outlook_Baseline .rtsLevel,

.RadTabStripBottom_RadTabStrip_Outlook_Baseline .rtsLevel { background-image:url('TabStrip/tab_Inner_Unselected.png'); }*/

.RadTabStripLeft_RadTabStrip_Outlook .rtsLink,

.RadTabStripRight_RadTabStrip_Outlook .rtsLink {/* background-image: url('Images/tab_Inner_Unselected.png');*/ }

.RadTabStripLeft_RadTabStrip_Outlook .rtsLast .rtsLink,

.RadTabStripRight_RadTabStrip_Outlook .rtsLast .rtsLink

{

border-bottom: 1px solid;

}

.RadTabStripRight_RadTabStrip_Outlook .rtsLink,

.RadTabStripRight_RadTabStrip_Outlook .rtsLI .rtsDisabled:hover { background-position: 100% 0; }

.RadTabStripRight_RadTabStrip_Outlook .rtsLink:hover { background-position: 100% -200px; }

.RadTabStripRight_RadTabStrip_Outlook .rtsSelected,

.RadTabStripRight_RadTabStrip_Outlook .rtsSelected:hover {background: #BBBBBB url('TabStrip/TabStripHStates.gif') no-repeat 0 -400px;}

/* </tab backgrounds> */

/* <background positioning: tabs with hovers> */

/* <orientation: top> */

.RadTabStripTop_RadTabStrip_Outlook .rtsLink { background-position: 0 0; }

.RadTabStripTop_RadTabStrip_Outlook .rtsOut { background-position: 100% 0; }

.RadTabStripTop_RadTabStrip_Outlook .rtsLink:hover { background-position: 0 -52px; }

.RadTabStripTop_RadTabStrip_Outlook .rtsLink:hover .rtsOut { background-position: 100% -52px; }

.RadTabStripTop_RadTabStrip_Outlook .rtsSelected,

.RadTabStripTop_RadTabStrip_Outlook .rtsSelected:hover { background: #BBBBBB url('TabStrip/TabStripHStates.gif') no-repeat 0 -26px; }

.RadTabStripTop_RadTabStrip_Outlook .rtsSelected .rtsOut,

.RadTabStripTop_RadTabStrip_Outlook .rtsSelected:hover .rtsOut { background: #BBBBBB url('TabStrip/TabStripHStates.gif') no-repeat 0 -26px; }

.RadTabStripTop_RadTabStrip_Outlook .rtsDisabled:hover { background-position: 0 0; }

.RadTabStripTop_RadTabStrip_Outlook .rtsDisabled:hover .rtsOut { background-position: 100% 0; }

.RadTabStripTop_RadTabStrip_Outlook_Baseline .rtsLevel { background-position: 0 100%; background-repeat: repeat-x; }

/* </orientation: top> */

/* <orientation: bottom> */

.RadTabStripBottom_RadTabStrip_Outlook .rtsLink { background-position: 0 -182px; }

.RadTabStripBottom_RadTabStrip_Outlook .rtsOut { background-position: 100% -182px; }

.RadTabStripBottom_RadTabStrip_Outlook .rtsLink:hover { background-position: 0 -130px; }

.RadTabStripBottom_RadTabStrip_Outlook .rtsLink:hover .rtsOut { background-position: 100% -130px; }

.RadTabStripBottom_RadTabStrip_Outlook .rtsSelected,

.RadTabStripBottom_RadTabStrip_Outlook .rtsSelected:hover { background: #BBBBBB url('TabStrip/TabStripHStates.gif') no-repeat 0 -156px; }

.RadTabStripBottom_RadTabStrip_Outlook .rtsSelected .rtsOut,

.RadTabStripBottom_RadTabStrip_Outlook .rtsSelected:hover .rtsOut { background: #BBBBBB url('TabStrip/TabStripHStates.gif') no-repeat 0 -156px; }

.RadTabStripBottom_RadTabStrip_Outlook .rtsDisabled:hover { background-position: 0 -182px; }

.RadTabStripBottom_RadTabStrip_Outlook .rtsDisabled:hover .rtsOut { background-position: 100% -182px; }

.RadTabStripBottom_RadTabStrip_Outlook_Baseline .rtsLevel { background-position: 0 -599px; background-repeat: repeat-x; }

/* </orientation: bottom> */

/* <orientation: right> */

.RadTabStripRight_RadTabStrip_Outlook .rtsUL .rtsLink,

.RadTabStripRight_RadTabStrip_Outlook .rtsUL .rtsLI .rtsDisabled:hover { background-position: 100% 0; text-align: left; }

.RadTabStripRight_RadTabStrip_Outlook .rtsUL .rtsLink:hover { background-position: 100% -200px; }

.RadTabStripRight_RadTabStrip_Outlook .rtsUL .rtsSelected,

.RadTabStripRight_RadTabStrip_Outlook .rtsUL .rtsSelected:hover { background: url('TabStrip/TabStripHStates.gif') no-repeat 0 -400px; }

/* </orientation: right> */

/* </background positioning: tabs with hovers> */

/* <simplistic sub-item styles> */

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel2,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel3,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel4 { background: #fff; }

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel2 .rtsSelected,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel3 .rtsSelected,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel4 .rtsSelected

{

text-decoration: underline;

}

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel2 .rtsLink,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel2 .rtsOut,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel2 .rtsIn,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel3 .rtsLink,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel3 .rtsOut,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel3 .rtsIn,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel4 .rtsLink,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel4 .rtsOut,

.RadTabStrip_RadTabStrip_Outlook_SimpleSubItems .rtsLevel4 .rtsIn

{

background: none;

}

/* </simplistic sub-item styles> */

.RadTabStrip_Curve .rtsLink {

padding-left:0px;

}

.RadTabStrip_Curve .rtsLink .rtsOut {

BACKGROUND-IMAGE: url('TabStrip/tab_Inner_Unselected.png')

}

.RadTabStrip_Curve .rtsLink .rtsIn {

background-image: url('TabStrip/tab_Inner_Unselected.png');

}

DIV.RadTabStrip_Curve .rtsLink:hover .rtsOut {

BACKGROUND: url('TabStrip/TabStripHStates.gif') no-repeat 0 -72px;

}

DIV.RadTabStrip_Curve .rtsLink:hover .rtsIn {

BACKGROUND: url('TabStrip/TabStripHStates.gif') no-repeat 0 -72px;

}

/*.RadTabStrip_Curve .rtsSelected { background: #BBBBBB url('TabStrip/TabStripHStates.gif') no-repeat 0 -72px; }

.RadTabStrip_Curve .rtsSelected .rtsOut { background: #BBBBBB url('TabStrip/TabStripHStates.gif') no-repeat 100% -72px; }

.RadTabStrip_Curve .rtsFirst .rtsSelected { background: #BBBBBB url('TabStrip/TabStripHStates.gif') no-repeat 0 -180px; }

.RadTabStrip_Curve .rtsLast .rtsSelected { background: #BBBBBB url('TabStrip/TabStripHStates.gif') no-repeat 100% -180px; }

.RadTabStrip_Curve .rtsLast .rtsSelected .rtsOut { background: #BBBBBB url('TabStrip/TabStripHStates.gif') no-repeat 0 -72px; }*/

DIV.RadTabStrip_Curve .rtsSelected .rtsIn {

/*BACKGROUND-COLOR: #BBBBBB;*/

background: url('TabStrip/TabStripHStates.gif') repeat 0 -72px;

}

DIV.RadTabStrip_Curve .rtsSelected .rtsOut

{

BACKGROUND: url('TabStrip/TabStripHStates.gif') no-repeat 0 -72px;

}

Any help in providing the working css n images to this attached file would be greatly appreciated.

Thanks,

TabStrip

answered on 08 Jun 2011

2 answers

169 views

error rendering image in tabstrip

http://stylebuilder.telerik.com/Advanced.aspx?suite=aspnet-ajax&control=TabStrip&skin=V2RadTabTest#

using StyleBuilder i had created TabStrip Css, i didnt modified any styles in CSS, just changed the image name.
Created skin and downloaded as it is. After downloading the skin i just copied the .png image and modified with desided colors.

i had attached both images [download default image + modified image + error image with both tab combination]
I am rendering the tabs dynamically on dropdownlist change event

when i click on create tab, 1st tab creates properly
when i create 2nd tab its adding wrong image to 1st image left side,
when i select a tab image created at last has showing wrong image.

check the error_tabstripimage.png
and let me know the issue.

TabStrip

answered on 08 Jun 2011

0 answers

85 views

Add Mode Problem For RadListBox

Hello every one ,

When i click the add new button radlist box come empty ,
But here come with last record of radgrid
In Modify i assign the value for RadGrid1_ItemCreated,
That's assign in add mode also

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridEditFormItem && e.Item.IsInEditMode)

{

GridEditFormItem item = (GridEditFormItem)e.Item;

RadListBox listbox = (RadListBox)item.FindControl("RadListBoxDestinationGroup");

RadListBox listbox1 = (RadListBox)item.FindControl("RadListBoxSourceGroup");

RadComboBox sortcolumn = (RadComboBox)item.FindControl("ComboBox_SortColumn");

RadComboBox groupcolumn = (RadComboBox)item.FindControl("ComboBox_GroupByColumn");

listbox.DataSource = DbClient.GetList<ListField>("LayoutId =" + LayoutId);

listbox.DataValueField = "FieldName";

listbox.DataTextField = "FieldName";

sortcolumn.DataSource = DbClient.GetList<ListField>("LayoutId =" + LayoutId);

sortcolumn.DataValueField = "FieldName";

sortcolumn.DataTextField = "FieldName";

groupcolumn.DataSource = DbClient.GetList<ListField>("LayoutId =" + LayoutId);

groupcolumn.DataValueField = "FieldName";

groupcolumn.DataTextField = "FieldName";

}

Thanks,
Mohamed.

ListBox

asked on 08 Jun 2011

4 answers

85 views

Highlight destination row on Drag/Drop

Is there a way to highlight the destination row on the drag/drop (mouseover)?

Right now it's a dotted line and the users feel that that's not enough of a visual cue.

Thanks

Grid

answered on 08 Jun 2011

1 answer

108 views

RadScheduler AutoPostBack not supported

when I do my schedulername.AutoPostBack it seems AutoPostBack is not supported.
How do we do AutoPostBack with the RadScheduler. I do not see such a property.

Thank you.

Scheduler

answered on 07 Jun 2011

8 answers

182 views

OnPopupClosing does not fire when clicked outside popup

When i use the OnPopupClosing event handler it fires only when some date is selected in the popup, but not when popup is closed due to the clicking outside it. How can i process the popup closing if no date was selected in it?

Calendar

answered on 07 Jun 2011