Questions on UI for ASP.NET AJAX Forum

1 answer

78 views

Custom Paging

Is it possible with Telerik MVC Grids to customize the pager similar to how grouping works?

So for instance I want to look at all of Student A's records and I don't care about how many rows will be returned.

Then I want to use the pager to look at all of Student B's records.

Is such a thing even possible? :)

Grid

answered on 20 Jul 2015

1 answer

243 views

These columns don't currently have unique values

I get the error "These columns don't currently have unique values" when I have more than one NULL parent value in my list. The element Ids are all unique but I always get the error. Please help.

Sample data
parentId elementId elementText
NULL     116            Text1
116         2108          Text2
2108       2109          Text3
2108       2110           Text4
NULL      72              Text5
72           655             Text6
72           660              Text7
72 672

TreeView

answered on 20 Jul 2015

5 answers

151 views

ajaxmanager and export function

I'd like to ajaxify a button (btnExportTasks) that uses Aspose.Cells to export some data. When set to the code below nothing happens.

What should my AjaxSettings look like?

<telerik:RadAjaxManager runat="server" ID="ram">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnExportTasks">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="btnExportTasks" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

btnExportTasks code behind handler:
...
workbook.Save(Me.Response, "StoreItemTasks.xls", ContentDisposition.Attachment, New XlsSaveOptions())

  Response.End()
End Sub

Ajax

answered on 20 Jul 2015

6 answers

392 views

File ContentType for .zip file is null

Hello All

I am using RadAsyncUpload and using a custom HTTPHandler and inserting the files directly to DB. Before inserting I am checking for the MIME Type of the file. I am getting the MIME type from Uploadedfile.ContentType. This is returning NULL for .zip file.I am using IE 10 and the version of Telerik is 2014.3.1024.35

Any help is much appreciated.

Thanks

Rakesh

AsyncUpload

answered on 20 Jul 2015

7 answers

1.2K+ views

The control DataSource(or DataSourceID) is not set.

Hi,

I try to Bind an RadAutoCompleteBox with a Dictionnary, but I have this error message when the page is loaded and I tap a letter into the RadAutoCompleteBox => "The control DataSource(or DataSourceID) is not set."

I try the following code :

ASCX :

<telerik:RadAutoCompleteBox runat="server" ID="RadAutoCompleteBox1" InputType="Text" Width="200" DropDownWidth="150px"></telerik:RadAutoCompleteBox>

ASCX.CS

01.protected void Page_Load(object sender, EventArgs e)

02.{

03. if (!Page.IsPostBack)

04. {

05. Dictionary<int, string> dict = new Dictionary<int, string>();

06. dict.Add(1, "Ann");

07. dict.Add(2, "John");

08. dict.Add(3, "Mary");

09. RadAutoCompleteBox1.DataSource = dict;

10. RadAutoCompleteBox1.DataTextField = "Value";

11. RadAutoCompleteBox1.DataValueField = "Key";

12. }

13.}

Thanks for helping me

AutoCompleteBox

answered on 20 Jul 2015

1 answer

119 views

RadAjaxManager and RadPanelBar inside RadGrid not working.

Hi All,

I am using RadAjaxManager, RadPanelBar andRadGrid in my user control.

Issue:

1. Click on Webpart and click on "Add new record" in Grid from "FirstTabl" tab at first without clicking on any tab.
Add Mode and Edit Mode working fine as expected. Showing and populating all control(RadEditor, RadPanel etc.) from the grid properly.
It works fine.

2. Click on Webpart and then click on any other tab, then click on click on "Add new record". from Grid
Add Mode and Edit Mode behaves weird. Data not getting populating properly.

Controls inside RadGrid and AjaxManager not initializing properly.
Error: 0x800a138f - JavaScript runtime error: Unable to get property '_preInitialize' of undefined or null reference

After follow the #1 step and then if you work with any Tab its working fine.

Can anyone please help me how resolve this issue ? Why this is happing with TAB and Grid with Ajaxmanager.

Thanks,

Harish Patil

General Discussions

answered on 20 Jul 2015

3 answers

642 views

Enabling RadComboBox using Javascript

I have following RadComboBox that triggers a javascript function which in turn enables a different RadComboBox


<telerik:RadComboBox ID="ddlMode"  runat="Server"  CssClass="selectBox"  AutoPostBack="false"  Width="90"  Font-Size="Small" OnClientSelectedIndexChanged="ddlMode_OnClientSelectedIndexChanged"><Items><telerik:RadComboBoxItem Text="New" Value="0" Selected="true"/><telerik:RadComboBoxItem Text="Edit" Value="1"  />
</Items>
</telerik:RadComboBox>

Following is the Javascript called:


function ddlMode_OnClientSelectedIndexChanged(sender, args) {
          debugger; 
          var category = $find("<%= ddlPRInfo_ItemCategory.ClientID %>");
          category.enabled = true;
}

But it doesn't work.

Please guide on same..

ComboBox

answered on 20 Jul 2015

1 answer

329 views

Combobox in a DataForm

Probably a very noob question:

Supposed I have a RadComboBox in the ItemTemplate of a RadDataForm.

The entity "Client" have a column called "genderID", which should be bound to the dataform.

Another entity "DefGender" should be bound to the combobox, with "genderID" as the DataValueField, "genderText" as the DataTextField, and I want to somehow bind the SelectedValue to Client.genderID

How would you do this pragmatically? It was pretty straight forward in Silverlight, but I couldn't figure this out in ASP.

Thanks.

DataForm

answered on 20 Jul 2015

11 answers

372 views

Open RadBinaryImage from Radgrid as a Popup

Hi,

I refer to this demo: http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandradasyncupload/defaultcs.aspx?product=grid

I have tried so many times but i just can't seem to get this done. What I am trying to accomplish, if i use this exact demo, is that when i click on the image in that "Image" column it must popup in a window that contains the image that i clicked on but just in a larger scale so that it can be viewed better. So basically just a quick view of the selected image.

Could someone please help me on this?

Regards,
Anel

BinaryImage

answered on 20 Jul 2015

2 answers

99 views

Mobile Browsers Causing Menu to Close, Controls in Template Inaccessible

Hi, I'm working with a radmenu that has only one root item. The behavior I want is for a user to be able to click on the menu item, get a dropdown with login controls, and use those to log into the site I'm working on. I already set ClickToOpen="true", and I'm using a ContentTemplate for the textboxes, button, and so forth. I've tested my setup in Chrome, IE, and Safari on desktop browsers, and it works exactly the way I want. The problem occurs on mobile browsers (tested on Safari and Chrome for iOS 8, and Chrome for Android). When I go to my site on a smartphone, for example, and tap on a textbox to start entering login credentials, the whole menu closes. When I tested in Chrome on iOS 8, I noticed that the onscreen keys would pop up for a split second, and then go away along with the menu. This makes it impossible to use the login controls on a mobile device.

The client I'm working with insists that the site be mobile-friendly, so I need to figure this out, and would like to be able to use the radmenu control, though I'm open to other options that will achieve the functionality I need.

Here's my markup for the controls (sorry the formatting isn't great):

01.<div class="login-box">

02. <telerik:RadMenu ID="rm1" runat="server" CssClass="RadMenu" ClickToOpen="true" OnClientItemOpened="ExternalitemOpened" RenderMode="Classic">

03. <Items>

04. <telerik:RadMenuItem runat="server" PostBack="false">

05. <ContentTemplate>

06. <div id="loginDropDown">

07. <h2>Log In </h2>

08. <span class="failureNotification">

09. <asp:Literal ID="FailureText" runat="server"></asp:Literal>

10. </span>

11. <asp:ValidationSummary ID="vdsumLogin" runat="server" CssClass="failureNotification" ValidationGroup="vdgrpLogin" />

12. <div>

13. <fieldset>

14. <legend>Account Information</legend>

15. <p>

16. <asp:Label ID="lblUsername" runat="server" AssociatedControlID="txtUserN">Username:</asp:Label>

17. <asp:TextBox ID="txtUserN" runat="server" CssClass="textEntry"></asp:TextBox>

18. <asp:RequiredFieldValidator ID="rfvUserName" runat="server" ControlToValidate="txtUserN" CssClass="failureNotification" ErrorMessage="Please enter a username" ToolTip="Required field" ValidationGroup="vdgrpLogin">* Required</asp:RequiredFieldValidator>

19. </p>

20. <p>

21. <asp:Label ID="lblPassword" runat="server" AssociatedControlID="txtPassword">Password:</asp:Label>

22. <asp:TextBox ID="txtPassword" runat="server" CssClass="passwordEntry" TextMode="Password"></asp:TextBox>

23. <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtPassword" CssClass="failureNotification" ErrorMessage="Please enter a password" ToolTip="Required field" ValidationGroup="vdgrpLogin">* Required</asp:RequiredFieldValidator>

24. </p>

25. </fieldset>

26. <p class="submitButton">

27. <asp:Button ID="btnLogin" runat="server" CommandName="Login" Text="Log In" ValidationGroup="vdgrpLogin" CssClass="normalButton" OnClick="btnLogin_Click" />

28. </p>

29. </div>

30. <a href="../Register">register</a><br />

31. <a href="../Account/ForgotPassword.aspx">forgot password?</a><br />

32. <a href="../Account/RetrieveUsername.aspx">forgot username?</a>

33. </div>

34. </ContentTemplate>

35. </telerik:RadMenuItem>

36. </Items>

37. </telerik:RadMenu>

38.</div>

Here's the script I'm using:

function ExternalitemOpened(s, e) {

if ($telerik.isIE8) {

// Fix an IE 8 bug that causes the list bullets to disappear (standards mode only)

$telerik.$("li", e.get_item().get_element())

.each(function () { this.style.cssText = this.style.cssText; });

}

I'm also setting the text of the root item from code-behind. It tells the user they can click the menu to login or logout, depending on context. If they're currently logged in, then clicking the menu will fire an event handler that will log them out. Selections from that code:

rm1.Items(0).Text = "(logout)"

AddHandler rm1.ItemClick, AddressOf rm1_ItemClick1

rm1.Items(0).Text = "(committee login)"

Protected Sub rm1_ItemClick1(sender As Object, e As Telerik.Web.UI.RadMenuEventArgs)

Response.Redirect("~/Account/Logout.aspx")

End Sub

Also, the CSS from the markup:

.login-box{

width:1024px;

height:50px;

margin:0 auto;

margin-top:8px;

margin-bottom: 8px;

padding:0;

background-color:#E6E6E6;

text-align:left;

}

.login-box h1{

font-size:1em;

font-weight:normal;

letter-spacing:1px;

margin:0px 0px 0px 20px;

text-align:left;

padding-top:15px;

display:inline-block;

}

.login-box a:hover{

color:#4AB97B;

}

.RadMenu .rmRootGroup{

border:none !important;

}

.RadMenu .rmText{

background-color:#E6E6E6 !important;

font-size:1em !important;

font-weight:normal !important;

letter-spacing:1px !important;

margin:0px 0px 0px 20px !important;

text-align:left !important;

padding-top:12px !important;

}

.RadMenu .rmText:hover{

color:#4AB97B !important;

}

.RadMenu a.rmSelected{

background-color:#E6E6E6 !important;

}

.RadMenu .rmLink{

padding:0 0 0 0px !important;

}

.RadMenu .rmPopup.rmContentTemplate{

background-color:#E6E6E6 !important;

}

.RadMenu_Default .rmFirst a.rmLink, .RadMenu_Default .rmFirst a.rmLink:hover, .RadMenu_Default .rmLast .rmText,

.RadMenu_Default .rmLast a.rmLink:hover .rmText, .RadMenu_Default .rmVertical a.rmLink, .RadMenu_Default .rmVertical .rmText{

background-color:#E6E6E6 !important;

font-size:medium !important;

}

.failureNotification

{

font-size: 1.2em;

color: Red;

}

input.passwordEntry

{

border: 1px solid #ccc;

}

.submitButton

{

text-align: right;

padding-right: 10px;

}

.normalButton

{

color: #FFFFFF;

border-radius: 30px;

background-color: #579767;

border: 2px solid #000000;

width: 150px;

height: 30px;

font-family: Arial, Helvetica, sans-serif;

font-size: large;

}

.normalButton:disabled

{

color: #686868;

border-radius: 30px;

background-color: #969696;

border: 2px solid #D1D1D1;

width: 150px;

height: 30px;

font-family: Arial, Helvetica, sans-serif;

font-style: italic;

font-size: large;

}

And the mobile CSS (where applicable):

@media only screen and (max-width: 768px) {

.login-box{

width:100%;

height:50px;

margin:0 auto;

margin-top:8px;

margin-bottom: 8px;

padding:0;

background-color:#E6E6E6;

text-align:left;

}

.login-box h1{

font-size:1em;

font-weight:normal;

letter-spacing:1px;

margin:0px 0px 0px 10px;

text-align:left;

padding-top:15px;

}

.normalButton

{

color: #FFFFFF;

border-radius: 30px;

background-color: #579767;

border: 2px solid #000000;

width: 150px;

height: 30px;

font-family: Arial, Helvetica, sans-serif;

font-size:medium;

}

.normalButton:disabled

{

color: #686868;

border-radius: 30px;

background-color: #969696;

border: 2px solid #D1D1D1;

width: 150px;

height: 30px;

font-family: Arial, Helvetica, sans-serif;

font-style: italic;

font-size:medium;

}

I have spent several hours playing with the markup and searching online for other instances of this issue, with no fix. I looked into using RenderMode="auto" or RenderMode="mobile", but neither worked the way I needed. I am using version 2015.2.623.40 of the web controls.

Please help me get this working on mobile browsers.

Menu

answered on 20 Jul 2015