Questions on UI for ASP.NET AJAX Forum

9 answers

1.9K+ 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

133 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

121 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

131 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.3K+ views

[Solved] 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

160 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

85 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

15 answers

692 views

RadScheduler - Using our own custom form

I'm sure this is a simple one.

We are just looking at the RadScheduler's potential to give us a nice and quick Calendar for our application.

Our application is well under way. We have our own Activity table and supporting pages to display add and edit activities.

In a nutshell we don't need the telerik Advanced Edit form. We need it so that clicking an activity shows our add/edit form.

Is this possible? Anyone done this type of thing before? Any tips of potential problems?

Brad

General Discussions

answered on 22 Apr 2016

0 answers

234 views

How to change image url inside rad girdview in client side on row click

Hi

I am using rad grid view with template column,inside template column i add asp image control ,by default in design time it bind the one image,when user click the row,i need to change image url ,so in client side itself it change image.

This is rad grid design code
    <telerik:RadGrid ID="ResultGrid" AllowPaging="true" PageSize="75" AllowSorting="true"
AllowFilteringByColumn="true" AllowMultiRowSelection="true" AutoGenerateColumns="false"
ClientSettings-Resizing-AllowColumnResize="true" ClientSettings-ClientEvents-OnRowContextMenu="ResultGrid_OnRowContextMenu"
runat="server">
<PagerStyle Visible="false" />
<MasterTableView AllowAutomaticUpdates="true" ClientDataKeyNames="Database">
<Columns>

<telerik:GridBoundColumn ReadOnly="true" ItemStyle-CssClass="GridCellSpace" HeaderText="Database"
UniqueName="Database" DataField="Database">
</telerik:GridBoundColumn>

<telerik:GridTemplateColumn AllowFiltering="false" HeaderStyle-Width="3%" ReadOnly="true"
HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="Preview"
HeaderText="Preview">

<ItemTemplate>
<asp:Image ID="Image2" ImageUrl= "~/image/AdminImages/btn_search.png" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>
</Columns>
<ItemStyle HorizontalAlign="Left" />
<HeaderStyle HorizontalAlign="Left" />
</MasterTableView>

</telerik:RadGrid>

Here Image2 point to "~/image/AdminImages/btn_search.png",so once user click the row i need to change clicked row image url to "~/image/AdminImages/btn_got.png" in client side itslef

Regards

Aravind

Grid