Questions on UI for ASP.NET AJAX Forum

1 answer

6 views

difficulty in RadDatePicker responsiveness

As you can see from the image, on mobile devices the date ends up breaking and making it impossible to view it completely.

This is my code:
<div class="col-xl-3 col-sm-6 col-md-6 col-xs-12 mb-2">
<span class="EstiloLabelSimples">Data Vencimento:</span>
<telerik:RadDatePicker RenderMode="Lightweight" ID="txtDataVencimentoCadastro" Width="100%" runat="server" />
</div>

I've tried using other RenderMode types, but none of them worked. Could someone help me achieve this responsiveness?

Ajax

AjaxPanel

Calendar

UI for ASP.NET AJAX in ASP.NET MVC

Window

answered on 07 Aug 2025

0 answers

104 views

radGrid with image...click show full image

I have a bound grid that contains an image. Since the image is about the size of a thumbnail...I want to give the user the ability to click the image and have it displayed in full. I figured a good way to do this would be to use a RadLightBox. Am I barking down the right path? Is there a better way?

                        <telerik:RadGrid ID="rgMain" runat="server" Width="100%" AutoGenerateColumns="False">
                            <MasterTableView EditMode="PopUp" ShowHeadersWhenNoRecords="True" EnableNoRecordsTemplate="True" DataKeyNames="RaceID" CommandItemDisplay="Top">
                                <CommandItemSettings ShowRefreshButton="False" ShowAddNewRecordButton="False" />
                                <Columns>
                                    <telerik:GridBoundColumn UniqueName="RaceName" DataField="RaceName" HeaderText="Race Name"></telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn UniqueName="SeriesName" DataField="SeriesName" HeaderText="Series"></telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn UniqueName="RaceDesc" DataField="RaceDesc" HeaderText="Description"></telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn UniqueName="RaceDate" DataField="RaceDate" HeaderText="Date" DataFormatString="{0:MM/dd/yyyy}"></telerik:GridBoundColumn>
                                    <telerik:GridHyperLinkColumn DataNavigateUrlFields="RaceRegLink" HeaderText="Registration Link" DataTextField="RaceRegLink" Target="_blank"></telerik:GridHyperLinkColumn>
                                </Columns>
                                <DetailTables>
                                    <telerik:GridTableView Name="Members" DataKeyNames="MemberID,RaceID" ClientDataKeyNames="MemberID,RaceID" Width="100%" ShowFooter="True">
                                        <ParentTableRelation>
                                            <telerik:GridRelationFields MasterKeyField="RaceID" DetailKeyField="RaceID" />
                                        </ParentTableRelation>
                                        <NoRecordsTemplate>No records to display.</NoRecordsTemplate>
                                        <Columns>
                                            <telerik:GridTemplateColumn HeaderText="Member" UniqueName="Member">
                                                <ItemTemplate>
                                                    <telerik:RadBinaryImage ID="imgProfPic" runat="server" ImageUrl="~/images/ProfilePicBlank.jpg" Height="50px" Width="50px"
                                                        ResizeMode="Fit" DataValue='<%# IIf(Eval("ProfPic") IsNot DBNull.Value, Eval("ProfPic"), New System.Byte(-1) {})%>'
                                                        AlternateText='<%# Eval("MemberID") %>' />
                                                    <asp:Label runat="server" Text='<%# Eval("FullName") %>'></asp:Label>
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridBoundColumn UniqueName="Division" DataField="Division" HeaderText="Division"></telerik:GridBoundColumn>
                                        </Columns>                                        
                                        <HeaderStyle Font-Bold="True" BackColor="Silver" />
                                    </telerik:GridTableView>
                                </DetailTables>                                
                                <NoRecordsTemplate>
                                    No records to display.
                                </NoRecordsTemplate>
                                <HeaderStyle Font-Bold="True" BackColor="#CCCCCC" />
                            </MasterTableView>
                        </telerik:RadGrid>

Grid

LightBox

asked on 28 Dec 2023

1 answer

121 views

whats meant by demo.lightBox

I'm new in java script code i can't understand in the following code what is 'demo' is it the page or browser or what

demo.lightBox = $find("<%=RadLightBox1.ClientID %>");

LightBox

answered on 03 Mar 2022

1 answer

463 views

LightBox preserve aspect ratio on scale

When scaling browser viewport the LightBox image aspect ratio is not preserved.

What can we do to make this work?

Thanks for yr time.

Marc

LightBox

answered on 15 Nov 2021

1 answer

191 views

LightBox Width and Height

How to set the item width and height in accordance to the browser width and height in both code behind and client side?

Thanks.

LightBox

answered on 05 Oct 2021

4 answers

242 views

Show lightbox code behind

is there a way to show the lightbox from code behind.

e.g. RadLightBox1.Show()

LightBox

answered on 30 Jun 2020

1 answer

71 views

Show Lightbox on Load with <asp:login> control

Hi guys!

Sorry, dumb question:

How can I show a lightbox automatically when the page loads?

I have a login form that I would like to pop up after the page "login.aspx" is loaded ... all I get is an empty page ....

"<asp:LoginView ID="LoginView1" runat="server">
<AnonymousTemplate>
<asp:Login ID="Login1" runat="server">"

How can I achieve that?

Thanks in advance for your help

Tom

LightBox

answered on 10 Jun 2020

1 answer

186 views

ItemTemplate demo

Hi,

Would it be possible to page in the LightBox without refreshing the whole page in this demo:

https://demos.telerik.com/aspnet-ajax/lightbox/examples/templates/defaultvb.aspx?show-source=true

Every time I click Next, the page is refreshed...

Marc

LightBox

answered on 18 Jan 2019

1 answer

47 views

UI Installtion for lightbox

Hi,

I had purchased licensing a few years ago, and the radlightbox doesnt seem to be on there and says that it is an unknown server tag. Has there been an update with the bin folder files or do i have to buy new licensing?

All of the other telerik things work, but when searching the telerik UI for the lightbox its not in there

Thanks,

LightBox

answered on 18 Jun 2018

1 answer

409 views

How to get List item's attribute in context menu's selection?

I have two RadListBox. Data in first box is populated from database using RadListBoxItem and I have set an attribute for each item. In the second box, I've created custom context menu. After I adding the item from first box to second box, user can select some option using the context menu. On context menu selection, I need to get the Attribute I set before and update the attribute value according to the context menu selection so I can used it for later process.Currently, I unable to even the attributes I set previously using the context menu's javascript. Please guide how to read ListItem's attribute and update the attribute to a new value.

This is how I add the item to the first box with attribute.

this._sortingList = new List<Sorting>();

this._sortingList = DBConnection.getSortingList();

foreach (var s in this._sortingList)

{

RadListBoxItem item = new RadListBoxItem();

item.Text = s.Description;

item.Value = s.Id.ToString();

item.Attributes["myorder"] = "0";

this.RadListBox1.Items.Add(item);

}

Thus custom context menu javascript.