Questions on UI for ASP.NET AJAX Forum

4 answers

295 views

Looking for a small example of 'Responsive Design'

I know absolutely nothing about responsive design.

I was wondering if someone could point me to some small example of this.

What I'd like is to set up (hopefully quickly) two extremely simple pages in my web app to be compatible with multiple devices.

One page contains a RadGrid with only a few columns and a template popup with a few controls including a RadEditor.

The other page contains two RadComboBoxes, a RadEditor, and two buttons.

Documentation and Tutorials

answered on 22 Apr 2016

1 answer

361 views

Postback occuring when calling a button's click event via javascript.

Hello,

I am calling a telerik radbutton's click event via javascript from within a RadAjaxPanel and it is causing a postback rather than a call back. When I click the button manually all works as expected (a callback occurs).

Example:

document.getElementById('<% = SaveEditorButton.ClientID %>').click();

Please help.

Ajax

answered on 22 Apr 2016

0 answers

54 views

LOSS OF VALUE IN TEXTBOX WHICH IS INSIDE TELERIK GRID WHEN THE FILTER OPTION IS CLICKED

I have scenario where the values of textbox inside rad grid is getting loss when Filter has done.

Example

COLUMN1            COLUMN2                COLUMN3                    COLUMN4

   A                            B                        TEXTBOX1                     TEXTBOX2

   C                            D                       TEXTBOX3                     TEXTBOX4

I am giving value for TEXTBOX1 and TEXTBOX2. When I search for "C" in COLUMN1 using FILTER which is available in radgrid all the values

entered in TEXTBOX1 and TEXTBOX2 are getting loss.

My scenario is not to get loss when I Filter for any record.

Please assist me on this

Grid

asked on 22 Apr 2016

9 answers

1.7K+ views

Multiple columns in RadListBox with checkboxes

HI there

I have a radlistbox on my page that displays a list of items with checkboxes that I programatically add items to:

<telerik:RadListBox ID="NewslettersRadListBox" runat="server" Width="100%" CheckBoxes="true" Height="200px"></telerik:RadListBox>

What I need to do is to display the items in 2 columns. Is this at all possible?

I have attenpted to do this by modifying the styles as descibedin the following thread: http://www.telerik.com/community/forums/aspnet-ajax/listbox/how-to-show-two-columns-when-use-checkboxes.aspx but this doesn't work.

Thanks in advance!

ListBox

answered on 22 Apr 2016

1 answer

87 views

Dropdown being reset

For some reason my drop down is getting reset on my page load i popuplate the dropdown by trapping the post back.

protected void Page_Load(object sender, EventArgs e)

{

tblApertureNetShiftPattern _shifts = new tblApertureNetShiftPattern();

string timeCode = "";

string id = Request.QueryString["id"];

Guid _guid = string.IsNullOrEmpty(id) ? new Guid() : new Guid(id);

_shifts = _dal.GetShiftPatternById(_guid);

if (Request.Browser.Browser == "Firefox")

Form.Attributes.Add("autocomplete", "off");

if (!IsPostBack)

{

var dlManagersSource = _dal.GetManagers();

rdManagers.DataSource = dlManagersSource;

rdManagers.DataValueField = "LookupValue";

rdManagers.DataTextField = "LookupDescription";

rdManagers.DataBind();

// Then add your first item

var ddlDaysOfWeek = _dal.GetDaysOfWeek().OrderBy(o => o.Order);

rdDayOfWeek.DataSource = ddlDaysOfWeek;

rdDayOfWeek.DataValueField = "LookupValue";

rdDayOfWeek.DataTextField = "LookupDescription";

rdDayOfWeek.DataBind();

var ddlShiftPatterns = _dal.GetShiftPatternTypes();

rdAppointmentType.DataSource = ddlShiftPatterns;

rdAppointmentType.DataValueField = "LookupValue";

rdAppointmentType.DataTextField = "LookupDescription";

rdAppointmentType.DataBind();

}

txtDescription.Text = _shifts.Description;

rdStartShift.SelectedDate = _shifts.startdate;

rdShiftEnd.SelectedDate = _shifts.endDate;

rdDayOfWeek.SelectedValue = _shifts.dayOfWeek.ToString();

rdAppointmentType.SelectedValue = _shifts.appointmentType.ToString();

rdManagers.SelectedValue = _shifts.manager_Id.ToString();

}

/// <summary>

/// Gets the days of week.

/// </summary>

/// <returns></returns>

public List<StandardLookup> GetDaysOfWeek()

{

List<StandardLookup> lookups = new List<StandardLookup>();

try

{

var q = from lookup in

apertureNetEntities.tblApertureNetLookUps.Where(a => a.lookup_type == Constants.daysOfWeek).OrderByDescending(o => o.colOrder)

orderby lookup.lookup_description

select new

{

LookLookupValue = lookup.lookup_Code,

LookupDescription = lookup.lookup_description.Trim(),

Order = lookup.colOrder

};

if (q != null)

{

Array.ForEach(q.ToArray(), l =>

{

lookups.Add(new StandardLookup(l.LookLookupValue, l.LookupDescription, l.Order));

});

}

catch (Exception ex)

{

string inner = string.Empty;

if (ex.InnerException != null)

{

inner = ex.InnerException.ToString();

}

logger.Error("Error in GetDaysOfWeek function aperturenetdal " + ex.ToString() + " " + inner);

return null;

}

return lookups;

}

DropDownList

answered on 22 Apr 2016

3 answers

79 views

Rad Spell Checker Dialog Box issue n Firefox Browser

Hi,

I'm using the Telerik Rad Spell Checker in my page attached screenshot.
A Textbox and Rad Spell Check.

When I tried to navigate the page using tab key in the Keyboard. At First it is navigated into the Textbox "Text 1" field and when I pressed tab key again, it is pointed to the Rad Spell Checker and Spell Check Dialog Box is opened this seems like a tab key is considered as a click event and once I clicked ok the Dialog Box disappears.

When I press tab key again, the dialog box continuously opened instead of navigating into the next field in the page which is "Text 2" Text box.
This behavior is observed in the Firefox Browser only.

But in the Chrome and IE. It's working fine. When I press tab key after the Text box “Text 1”, it is pointing to the spell checker but no dialog box is opened and when I pressed tab again it is pointing to the next fields in the page.

The Telerik Version details are below:

Runtime Version: v4.0.30319
Version: 2014.2.618.45

Attached the screenshots for both.

Regards

Mani

Spell

answered on 22 Apr 2016

2 answers

36 views

Recurrance Rule being produced in the past !

Ok for some reason I have a recurrance dated for 19/04/2016 but for some reason its giviing me recurrances in the past instead of the future.

01.if (chkWeekly.Checked == true)

02. {

03. //Creating a Weekly Recurrence rule

04. int interval = 2;

05. RecurrenceRange range = new RecurrenceRange();

06.

07. range.Start = Convert.ToDateTime(rdStartShift.SelectedDate);

08. range.EventDuration = TimeSpan.FromMinutes(30);

09. range.MaxOccurrences = 3;

10. RecurrenceDay recurrenceDay = (RecurrenceDay) Convert.ToInt32(rdDayOfWeek.SelectedValue);

11. // _shifts.RecurrenceRule = new WeeklyRecurrenceRule(interval, recurrenceDay, range).ToString();

12. DayOfWeek startDayOfWeek = DayOfWeek.Monday;

13. _shifts.RecurrenceRule = new WeeklyRecurrenceRule(interval, recurrenceDay, range, startDayOfWeek).ToString();

14. }

I am sure if i set weekly which I have done acording to the option it should set them in the future.

Scheduler

answered on 22 Apr 2016

3 answers

1.2K+ views

CSS properties in Kendo TabStrip

Hi there,
I am using a TabStrip and am struggeling with scrollbars within the tab strip content. I found out that I am able to solve this by using css style "display: inline-table" instead of "display: block".
Unfortunately I am not able to set this style in my code:

@(Html.Kendo().TabStrip()
                      .Name("tab1")
                      .HtmlAttributes(new {style = "height:auto" })
                      .Items(ts =>
                      {
                          ts.Add().Text("Text1").Enabled(true).HtmlAttributes(new { id = "item1"}).Content(@Html.Partial("_Form1", new Model1()).ToHtmlString());
                          ....
This will generate following markup structure:
<div class="k-tabstrip-wrapper">
<div class="k-widget k-tabstrip k-header k-floatwrap k-tabstrip-top">
<ul class="k-reset k-tabstrip-items">
....[some more ul]...
<div class="k-content k-state-active" id="tab1" style="display:block" role="tabpanel" aria-expanded="true">
...
The problem appears in the line above where display is set to "block". The browser shows:
element.style {
display: block;
}
1. I did not specify this style. I assume this is generated?
2. I cannot override this property using:
<style>
    .k-tabstrip .k-content.k-state-active {
        display: inline-table;
    }
</style>
3. Neither setting .Htmlattributes on the grid nor the tabstrip helps, as they're corresponding to parent divs.

Does anybody know how to do this?

TabStrip

answered on 22 Apr 2016

4 answers

122 views

RadEditor Issue with google chrome

Dear Sir,

if you try to put this html in the RadEditor, it will not be displayed correctly if you are using the google chrome:

<div style="text-align:Left;font-family:Times New Roman;font-style:normal;font-weight:normal;font-size:14px;color:#000000;">
<p style="margin:0 0 0 40;"><span>hello</span></p>
</div>

save the file in html file and open it in google chrome, it is correctly displayed.

Editor

answered on 22 Apr 2016

1 answer

43 views

Code not working to show busy time before shift starts

While the following works for any time during an appoint ment i need to disable the times before a shift but its not working the way that it should do;.

001.protected void apertureAppointments_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)

002. {

003. int i = 0;

004. bool isFound = false;

005. List<tblApertureNetShiftPattern> _list = new List<tblApertureNetShiftPattern>();

006. _list = _dal.getHolidays();

007. List<Resource> resources = new List<Resource>(apertureAppointments.Resources.GetResourcesByType("Managers"));

008. Label slotlabel = new Label();

009.

010. foreach (tblApertureNetShiftPattern sp in _list)

011. {

012. DateTime dt1 = Convert.ToDateTime(sp.startdate);

013. DateTime dt2 = Convert.ToDateTime(sp.endDate);

014.

015.

016. if (e.TimeSlot.Start <= dt1 && e.TimeSlot.Resource.Text == sp.manager_name)

017.

018. {

019.

020. e.TimeSlot.CssClass = "Disabled";

021. slotlabel.CssClass = "Disabled";

022.

023. }

024.

025. if (e.TimeSlot.Start >= dt1 && e.TimeSlot.End <= dt2 && e.TimeSlot.Resource.Text == sp.manager_name)

026. {

027.

028. if (DoDateRangesOverlap(e.TimeSlot.Start, e.TimeSlot.End, dt1, dt2))

029. {

030.

031.

032. if(sp.appointmentType ==Constants.shiftsStartOfShift)

033. {

034.

035. e.TimeSlot.CssClass = "Disabled";

036. slotlabel.CssClass = "Disabled";

037.

038. }

039.

040. if (sp.appointmentType == Constants.shiftStat)

041. {

042. e.TimeSlot.CssClass = "Disabled";

043. slotlabel.CssClass = "Disabled";

044.

045. }

046.

047. if (sp.appointmentType == Constants.shfitsLunch)

048. {

049. e.TimeSlot.CssClass = "shiftlunchOff";

050. slotlabel.CssClass = "shiftlunchOff";

051. if (i == 1)

052. {

053. slotlabel.Text = "Lunch";

054.

055. Image imageControl = new Image();

056. // imageControl.ImageUrl = @"~\images\aperturenet\Calendar\resources\holidays.png";

057. // e.TimeSlot.Control.Controls.AddAt(1, imageControl);

058.

059. }

060. }

061. if (sp.appointmentType == Constants.shiftDayoff)

062. {

063. e.TimeSlot.CssClass = "shiftDayOff";

064.

065. slotlabel.CssClass = "shiftDayOff";

066.

067. if (i == 1)

068. {

069. slotlabel.Text = "Off test";

070. Image imageControl = new Image();

071. imageControl.ImageUrl = @"~\images\aperturenet\Calendar\resources\holidays.png";

072. e.TimeSlot.Control.Controls.AddAt(1, imageControl);

073. }

074. }

075. else if (sp.appointmentType == Constants.shiftHoliday)

076. {

077. e.TimeSlot.CssClass = "HolidayCssStyle";

078. slotlabel.CssClass = "HolidayCssStyle";

079.

080. if (i == 1)

081. {

082. slotlabel.Text = "Off";

083. Image imageControl = new Image();

084. imageControl.ImageUrl = @"~\images\aperturenet\Calendar\resources\holidays.png";

085. e.TimeSlot.Control.Controls.AddAt(1, imageControl);

086. }

087. }

088. else if (sp.appointmentType == Constants.shiftStat)

089. {

090. e.TimeSlot.CssClass = "statCssStyle";

091. slotlabel.CssClass = "statCssStyle";

092. slotlabel.Text = "Off";

093. if (i == 1)

094. {

095. Image imageControl = new Image();

096. imageControl.ImageUrl = @"~\images\aperturenet\Calendar\resources\holidays.png";

097. e.TimeSlot.Control.Controls.AddAt(1, imageControl);

098. }

099. }

100. else if (sp.appointmentType == Constants.shiftsickDay)

101. {

102.

103. e.TimeSlot.CssClass = "SickDayStyle";

104. slotlabel.CssClass = "SickDayStyle";

105.

106. if (i == 1)

107. {

108. slotlabel.Text = "Sick";

109. Image imageControl = new Image();

110. imageControl.ImageUrl = @"~\images\aperturenet\Calendar\resources\Sick.png";

111. e.TimeSlot.Control.Controls.AddAt(1, imageControl);

112. }

113.

114.

115. }

116.

117. else

118. i = i++;

119. e.TimeSlot.Control.Controls.AddAt(1, slotlabel);

120. dt2 = dt2.AddMinutes(60);

121. }

122. }

123. }

124. }

Basically all that get holidays do is return the shift patters for the resource

01.public List<tblApertureNetShiftPattern> getHolidays()

02.{

03. List<tblApertureNetShiftPattern> list = new List<tblApertureNetShiftPattern>();

04.

05. var q = from _holidays in apertureNetEntities.tblApertureNetShiftPatterns.Where(w => w.isDeleted == false)

06. select _holidays;

07.

08. list = q.ToList();

09.

10. return list;

11.}

But as you can see from the second screen shot its filling out every timeslot before that time not just the 9 am to 11 am as it should be in realtion to the database I only use the appointment end type where the appointment type equals a sepcified guid.

Scheduler

answered on 22 Apr 2016