Questions on UI for ASP.NET AJAX Forum

1 answer

85 views

Hello

Is the following a limitation of RadAjaxManager, or is there a better way of configuring the manager control?

When the manager's 'ajaxRequest' function is called from Javascript, it says in the documentation that the radajaxmanager control always acts as the initiator, and so the ajaxsettings on the server-side configuration need to be set to use the id of the manager itself as the 'ajaxified' AjaxControlID.

The problem is that I assume this means that the update of all the Updated controls on the page must be very 'unselective'. Elsewhere in the documentation it says that all Updated controls linked with ajaxsettings to an initiator will be updated when any ajaxsetting for that Ajaxified control is used. Because all the ajaxsettings use the same initiator, does this not mean that it is not possible to selectively update just a single Updated control on the page?

i.e.
with three ajaxsettings:
manager -> panel1
manager -> panel2
manager -> panel3

... all three panels would be updated even if a button inside just one of them triggered the ajaxRequest event.

If this is wrong, can a better way be explained, as this seems like a big limitation to me.

Thanks

Ajax

answered on 02 Apr 2013

1 answer

96 views

hierarchical grid Collaps/Expand Button not visible

I have created hierarchical grid and added a custom skin from telerik site name is

.RadGrid_MyCustomSkin . After that the collaps/expand button is not visible..The css file attached below
Please see the attached image also . How can we resolve this issue.Its very urgent

.RadGrid_MyCustomSkin

{

color: #333;

border-top-color: #828282;

border-right-color: #828282;

border-bottom-color: #828282;

border-left-color: #828282;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

background-image: none;

background-attachment: scroll;

background-repeat: repeat;

background-position-x: 0%;

background-position-y: 0%;

background-size: auto;

background-origin: padding-box;

background-clip: border-box;

background-color: rgb(245, 245, 220);

}

.RadGrid_MyCustomSkin, .RadGrid_MyCustomSkin .rgMasterTable, .RadGrid_MyCustomSkin .rgDetailTable, .RadGrid_MyCustomSkin .rgGroupPanel table, .RadGrid_MyCustomSkin .rgCommandRow table, .RadGrid_MyCustomSkin .rgEditForm table, .GridToolTip_MyCustomSkin

{

line-height: 16px;

font-family: "segoe ui", arial, sans-serif;

font-size: 12px;

font-style: normal;

font-variant: normal;

font-weight: normal;

font-size-adjust: none;

font-stretch: normal;

}

.RadGrid_MyCustomSkin .rgMasterTable, .RadGrid_MyCustomSkin .rgDetailTable

{

border-collapse: separate !important;

}

.RadGrid_MyCustomSkin .rgRow, .RadGrid_MyCustomSkin .rgAltRow, .RadGrid_MyCustomSkin .rgHeader, .RadGrid_MyCustomSkin .rgResizeCol, .RadGrid_MyCustomSkin .rgPager, .RadGrid_MyCustomSkin .rgGroupPanel

{

cursor: default;

}

.RadGrid_MyCustomSkin .rgRow td, .RadGrid_MyCustomSkin .rgAltRow td

{

padding-right: 0px;

padding-left: 0px;

}

.RadGrid_MyCustomSkin .rgAdd, .RadGrid_MyCustomSkin .rgRefresh, .RadGrid_MyCustomSkin .rgEdit, .RadGrid_MyCustomSkin .rgDel, .RadGrid_MyCustomSkin .rgFilter, .RadGrid_MyCustomSkin .rgPagePrev, .RadGrid_MyCustomSkin .rgPageNext, .RadGrid_MyCustomSkin .rgPageFirst, .RadGrid_MyCustomSkin .rgPageLast, .RadGrid_MyCustomSkin .rgExpand, .RadGrid_MyCustomSkin .rgCollapse, .RadGrid_MyCustomSkin .rgSortAsc, .RadGrid_MyCustomSkin .rgSortDesc, .RadGrid_MyCustomSkin .rgUpdate, .RadGrid_MyCustomSkin .rgCancel

{

width: 16px;

height: 16px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

font-size: 1px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

vertical-align: middle;

border-top-color: currentColor;

border-right-color: currentColor;

border-bottom-color: currentColor;

border-left-color: currentColor;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

cursor: pointer;

background-image: url("Grid/sprite.gif");

background-repeat: no-repeat;

background-color: transparent;

}

.RadGrid_MyCustomSkin .rgRow td, .RadGrid_MyCustomSkin .rgAltRow td, .RadGrid_MyCustomSkin .rgEditRow td, .RadGrid_MyCustomSkin .rgFooter td

{

padding-top: 4px;

padding-bottom: 3px;

border-top-color: currentColor;

border-right-color: currentColor;

border-bottom-color: currentColor;

border-left-color: currentColor;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 1px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: solid;

border-left-style: none;

}

.RadGrid_MyCustomSkin .rgAltRow

{

background-image: none;

background-attachment: scroll;

background-repeat: repeat;

background-position-x: 0%;

background-position-y: 0%;

background-size: auto;

background-origin: padding-box;

background-clip: border-box;

background-color: rgb(242, 242, 242);

}

.RadGrid_MyCustomSkin .rgRow td, .RadGrid_MyCustomSkin .rgAltRow td

{

border-top-color: #fff;

border-right-color: #fff;

border-bottom-color: #fff;

border-left-color: #fff;

}

.RadGrid_MyCustomSkin .rgAltRow

{

background-image: none;

background-attachment: scroll;

background-repeat: repeat;

background-position-x: 0%;

background-position-y: 0%;

background-size: auto;

background-origin: padding-box;

background-clip: border-box;

background-color: rgb(255, 235, 205);

}

.RadGrid_MyCustomSkin .rgMasterTable td.rgGroupCol, .RadGrid_MyCustomSkin .rgMasterTable td.rgExpandCol

{

border-top-color: #d9d9d9;

border-right-color: #d9d9d9;

border-bottom-color: #d9d9d9;

border-left-color: #d9d9d9;

background-image: none;

background-attachment: scroll;

background-repeat: repeat;

background-position-x: 0%;

background-position-y: 0%;

background-size: auto;

background-origin: padding-box;

background-clip: border-box;

background-color: rgb(217, 217, 217);

}

.RadGrid_MyCustomSkin .rgExpand

{

background-position-x: 5px;

background-position-y: -496px;

}

.rfdTextbox.RadForm input, .rfdTextbox.RadForm button, .rfdTextbox.RadForm .RadComboBox input, .rfdTextbox.RadForm .RadComboBox input[type=

'text']

{

border-top-color: currentColor;

border-right-color: currentColor;

border-bottom-color: currentColor;

border-left-color: currentColor;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

background-color: transparent;

}

Grid

answered on 02 Apr 2013

1 answer

91 views

Column Disappears When Window Is Too Small But Vertical Space is Reserved

I have a RadGrid with widths set for all of the headers except one. The TableLayout is set to auto. When there is enough room, the column without a width fills the remaining space, as intended. If there is not enough room, the column disappears, but the rows are still sized as if the column was there and the content was wrapping. I would prefer to show the auto-sizing column in all cases and have some kind of minimum size for it. If that is not possible, I would at least like the column to completely disappear and not reserve vertical space for its content. Is either of these things possible?

I have attached images showing this behavior. In "column shown", you can see the Viol Description column, which auto-sizes. In "column hidden", I have resized the window and you can no longer see the Viol Description column, but the grid rows are much taller and there is no content in view that requires that height.

Grid

answered on 02 Apr 2013

2 answers

1.3K+ views

Formatting of Phone Numbers

Hello,

I'm binding this data (a phone number):

5555015555

to a radgrid column. I need it to appear as:

(555) 501-5555

But I tried using a format string and it didn't work. Is the only way to format it through code?

Thanks.

Grid

answered on 02 Apr 2013

2 answers

179 views

[Solved] RadioButton

Hi,

No RadioButton control in RadControls Suite? I cant find a RadioButton property in ButtonType.

Thanks you,
Antony.

Button

answered on 02 Apr 2013

1 answer

160 views

[Solved] WindowBehaviors enums declaration

Is there a way to get the WindowBehaviors enums defined without a RadWindowManager declaration? From script on a page, I call a function in an iframe and want to pass in the behavior as a parameter. The calling page has no need to declare the RadWindowManager, except to get the definition of the enums, i.e. Telerik.Web.UI.WindowBehaviors.Move. I can set up my own enums within the calling page, but would prefer to use the Telerik defs.

Window

answered on 02 Apr 2013

3 answers

101 views

Unformatted RadScheduler issue in SharePoint 2010

Hi there. I'm trying to replace the OOB sharepoint calendar with the RadScheduler and bind it to an Events SharePoint list. I am able to add the RadScheduler to the page programatically as shown below. However, I am unable to set the skin or get it functional on the page. What are the DataRecurrenceField and DataRecurrenceParentKeyField? It throws an error if I set them with the values below - are they crucial?

RadScheduler RadScheduler1 = new RadScheduler();

DataTable lrTable = oList.Items.GetDataTable();

DataView dv = new DataView(lrTable);

RadScheduler1.DataSource = dv;

RadScheduler1.DataSubjectField = "Title";

RadScheduler1.DataStartField = "EventDate";

RadScheduler1.DataEndField = "EndDate";

RadScheduler1.DataKeyField = "ID";

//RadScheduler1.Skin = "Windows7";

//RadScheduler1.DataRecurrenceField = "RecurrenceRule";

//RadScheduler1.DataRecurrenceParentKeyField = "RecurrenceParentID";

RadScheduler1.DataBind();

pnlCalendarView.Controls.Add(RadScheduler1);

}

Scheduler

answered on 02 Apr 2013

13 answers

234 views

RadScheduler + Sharepoint 2010

HI there
can i use Rad scheduler to add,edit,delete and display item from sharepoint 2010 calendar list.
also can i user any custom fields beside description,subject,room,user ?
please advise

Scheduler

answered on 02 Apr 2013

2 answers

71 views

Postbacks not working w/ new Telerik version

I just upgraded my project from 2012 Q3 to 2013 Q1 (2013.1.220.40) - and suddenly all the postbacks w/ my radbuttons aren't working. They aren't calling the server-side functoins at all - w/ ajax manager enabled and disabled. Any known issues w/ this at all?

Grid

answered on 02 Apr 2013

1 answer

324 views

GridTemplateColumn with a "Custom" aggregate.

I added a custom aggregate to a column that has an item template because it has a nifty rad tooltip to go with it. Anyway when I return the custom aggregate from the event, the grid adds the string "Custom : " to the footer cell, and I am wondering why? Also is there any other way to get rid of that other than what I had to do which was handle the footer cell in the ItemDataBound event as below?

Thanks,
Kevin

<telerik:GridTemplateColumn AllowFiltering="false" UniqueName="OtherPay" HeaderText="Other<br />Pay">

<ItemTemplate>

<asp:Label runat="server" ID="lblOtherPay">0</asp:Label>

<telerik:RadToolTip runat="server" ID="ttPPED" TargetControlID="lblOtherPay" Position="BottomRight"

Title="Other Pay" AutoCloseDelay="3000" Sticky="true" RelativeTo="Element"

EnableShadow="false" EnableEmbeddedSkins="false" Skin="KMBlack">

</telerik:RadToolTip>

</ItemTemplate>

<HeaderStyle Width="8%" HorizontalAlign="Right" />

<ItemStyle HorizontalAlign="Right" />

<FooterStyle HorizontalAlign="Right" />

</telerik:GridTemplateColumn>