Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
437 views

 I had query regarding the Tool tip display in RadHtmlChart.I wanted to display 4 things on tooltip if my condtion of dropdown is All else it should show only single value.

For example, A user has 4 types of call i.e SMS,MMS,Voice,DataCharges on which they accounted for. My dropdown has 4 values(Data,voice,SMS,MMS,All).In All condition of dropdown it should display different multiline ToolTip else it should just display column value respectively.

And if the value contains 0 then multiline tooltip should specify that it is zero.For instance if (Total Usage:10 <br/>SMS:0<br/>MMS:5<br/>DATACharges:4<br/>Voice:1)

 I have done upto displaying the multiline tooltip but problem is coming when i should display one tooltip for individual dropdownvalue it repeats all other tooltip which was displaying the other data as undefined.

Attaching the images for close look.

 Thanks in advance.

Best Regards,

Shikhar

 

Danail Vasilev
Telerik team
 answered on 22 Jul 2015
3 answers
494 views

Sir.

Would anybody help me to Disable / Remove the SubMenu Item reference to VALUE. (AJAX RADMENU) using server script

I would be very grateful 

rama
Top achievements
Rank 1
 answered on 22 Jul 2015
5 answers
271 views
When trying to assign a string with apostrophe to chart series name will cause chart to break.

I get this error when I view firebug console
SyntaxError: missing } after property list
series: [{color: 'Red',name: 'Welch's 64 oz Juice 2012',tooltip :{visible :true}...
Teleri...85f9819 (line 7458, col 36)


Thanks
willk
Top achievements
Rank 1
 answered on 22 Jul 2015
7 answers
81 views
We haven't come to a conclusion on this but it does seem to be a pattern we are seeing. When we use a RadBarCode (Code 128B) on an IE8 browser the bar code displays properly. But when the user prints the page (window.print) the first bar gets consistently dropped from the print but the rest of the bars are correct. Have you all seen this? In IE9 this is not happening at all.
Beco
Top achievements
Rank 1
 answered on 22 Jul 2015
14 answers
383 views
We're experiencing a weird issue in 2015.1.225.40 when we work in the editor in HTML view.  the content is double spaced and the cursor is about twice the size that i was in previous versions.  I can confirm that this issue was not present in 2014.3.1209.40.   Any HTML code that we paste into the HTML view automatically double spaces. I tried setting ContentFilters="none" to see if that fixed the problem and it didn't change anything.  I've recorded this in a video for you to view to see exactly what we are experiencing.

https://www.youtube.com/watch?v=eQX6usEWlpE

Thanks!

-Mark
Mark Kucera
Top achievements
Rank 1
 answered on 21 Jul 2015
1 answer
156 views

I am using rad combo box in my application.  By default I have to show this control as disabled, but there is some distortion while showing this combo box. Please see the screenshot attached(rcb_disabled.jpg).

when I select normal checkbox this dropdown will get enabled. even in enabled mode also this dropdown still distorted.Please find the screenshot(rcb_enabled.jpg) 

I think it may be a .css issue, but I couldn't figure out what is the exact issue. Please find the css file below.

001./* RadComboBox Default skin */
002. 
003./*global*/
004. 
005..RadComboBox_Grid, .RadComboBox_Grid .rcbInput, .RadComboBoxDropDown_Grid
006.{
007.    font: 12px "Segoe UI", Arial, sans-serif;
008.    color: #333;
009.}
010. 
011./* combobox */
012. 
013..RadComboBox_Grid .rcbInputCellLeft, .RadComboBox_Grid .rcbInputCellRight, .RadComboBox_Grid .rcbArrowCellLeft, .RadComboBox_Grid .rcbArrowCellRight
014.{
015.    background-image: url('/ZippyPlus/Themes/ComboBox/rcbSprite.png');
016.}
017. 
018.* html .RadComboBox_Grid .rcbInputCellLeft, * html .RadComboBox_Grid .rcbInputCellRight, * html .RadComboBox_Grid .rcbArrowCellLeft, * html .RadComboBox_Grid .rcbArrowCellRight
019.{
020.    background-image: url('/ZippyPlus/Themes/ComboBox/rcbSpriteIE6.png');
021.}
022. 
023..RadComboBox_Grid td.rcbInputCellLeft
024.{
025.    background-position: 0 0;
026.}
027..RadComboBox_Grid td.rcbInputCellRight
028.{
029.    background-position: 100% 0;
030.}
031. 
032..RadComboBox_Grid .rcbHovered .rcbInputCellLeft
033.{
034.    background-position: 0 0;
035.}
036..RadComboBox_Grid .rcbHovered .rcbInputCellRight
037.{
038.    background-position: 100% 0;
039.}
040. 
041..RadComboBox_Grid .rcbFocused .rcbInputCellLeft
042.{
043.    background-position: 0 0;
044.}
045..RadComboBox_Grid .rcbFocused .rcbInputCellRight
046.{
047.    background-position: 100% 0;
048.}
049. 
050..RadComboBox_Grid .rcbHovered .rcbReadOnly td.rcbInputCellLeft
051.{
052.    background-position: 0 -24px;
053.}
054..RadComboBox_Grid .rcbHovered .rcbReadOnly td.rcbInputCellRight
055.{
056.    background-position: 100% -24px;
057.}
058. 
059..RadComboBox_Grid .rcbFocused .rcbReadOnly td.rcbInputCellLeft
060.{
061.    background-position: 0 -46px;
062.}
063..RadComboBox_Grid .rcbFocused .rcbReadOnly td.rcbInputCellRight
064.{
065.    background-position: 100% -46px;
066.}
067. 
068..RadComboBox_Grid .rcbInputCell .rcbEmptyMessage
069.{
070.    color: #666;
071.}
072. 
073..RadComboBox_Grid .rcbHovered .rcbInputCell .rcbInput
074.{
075.    color: #000;
076.}
077. 
078..RadComboBox_Grid td.rcbArrowCellLeft
079.{
080.    background-position: -18px -90px;
081.}
082..RadComboBox_Grid td.rcbArrowCellRight
083.{
084.    background-position0px -90px;
085.}
086. 
087..RadComboBox_Grid .rcbHovered .rcbArrowCellLeft
088.{
089.    background-position: -54px -90px;
090.}
091..RadComboBox_Grid .rcbHovered .rcbArrowCellRight
092.{
093.    background-position: -36px -90px;
094.}
095. 
096..RadComboBox_Grid .rcbFocused .rcbArrowCellLeft
097.{
098.    background-position: -90px -90px;
099.}
100..RadComboBox_Grid .rcbFocused .rcbArrowCellRight
101.{
102.    background-position: -72px -90px;
103.}
104. 
105..RadComboBox_Grid td.rcbArrowCellHidden, .RadComboBox_Grid .rcbHovered td.rcbArrowCellHidden, .RadComboBox_Grid .rcbFocused td.rcbArrowCellHidden
106.{
107.    background-position: -15px -90px;
108.}
109. 
110..RadComboBox_Grid_rtl td.rcbArrowCellHidden, .RadComboBox_Grid_rtl .rcbHovered td.rcbArrowCellHidden, .RadComboBox_Grid_rtl .rcbFocused td.rcbArrowCellHidden
111.{
112.    background-position: -18px -90px;
113.}
114. 
115./* Read-only styles */
116. 
117..RadComboBox_Grid .rcbReadOnly td.rcbArrowCellLeft
118.{
119.    background-position: -18px -90px;
120.}
121..RadComboBox_Grid .rcbReadOnly td.rcbArrowCellRight
122.{
123.    background-position: -2px -90px;
124.}
125. 
126..RadComboBox_Grid .rcbHovered .rcbReadOnly .rcbArrowCellLeft
127.{
128.    background-position: -54px -90px;
129.}
130..RadComboBox_Grid .rcbHovered .rcbReadOnly .rcbArrowCellRight
131.{
132.    background-position: -38px -90px;
133.}
134. 
135..RadComboBox_Grid .rcbFocused .rcbReadOnly .rcbArrowCellLeft
136.{
137.    background-position: -90px -90px;
138.}
139..RadComboBox_Grid .rcbFocused .rcbReadOnly .rcbArrowCellRight
140.{
141.    background-position: -74px -90px;
142.}
143. 
144..RadComboBox_Grid .rcbReadOnly td.rcbArrowCellHidden
145.{
146.    background-position: -15px -90px;
147.}
148..RadComboBox_Grid .rcbHovered .rcbReadOnly td.rcbArrowCellHidden
149.{
150.    background-position: -51px -90px;
151.}
152..RadComboBox_Grid .rcbFocused .rcbReadOnly td.rcbArrowCellHidden
153.{
154.    background-position: -87px -90px;
155.}
156. 
157..RadComboBox_Grid_rtl .rcbReadOnly td.rcbArrowCellHidden
158.{
159.    background-position: -18px -90px;
160.}
161..RadComboBox_Grid_rtl .rcbHovered .rcbReadOnly td.rcbArrowCellHidden
162.{
163.    background-position: -54px -90px;
164.}
165..RadComboBox_Grid_rtl .rcbFocused .rcbReadOnly td.rcbArrowCellHidden
166.{
167.    background-position: -90px -90px;
168.}
169. 
170./* dropdown */
171. 
172..RadComboBoxDropDown_Grid .rcbHeader, .RadComboBoxDropDown_Grid .rcbFooter, .RadComboBoxDropDown_Grid .rcbMoreResults a
173.{
174.    background-image: url('/ZippyPlus/Themes/ComboBox/rcbSprite.png');
175.}
176. 
177.* html .RadComboBoxDropDown_Grid .rcbHeader, * html .RadComboBoxDropDown_Grid .rcbFooter, * html .RadComboBoxDropDown_Grid .rcbMoreResults a
178.{
179.    background-image: url('/ZippyPlus/Themes/ComboBox/rcbSpriteIE6.png');
180.}
181. 
182..RadComboBoxDropDown_Grid
183.{
184.    background: #fff;
185.    border-color: #868686;
186.    color: #00156e;
187.}
188. 
189..RadComboBoxDropDown_Grid .rcbHeader, .RadComboBoxDropDown_Grid .rcbFooter
190.{
191.    background-color: #f1f2f4;
192.    background-position: 0 -110px;
193.}
194. 
195..RadComboBoxDropDown_Grid .rcbHeader
196.{
197.    border-bottom-color: #d5d5d5;
198.}
199. 
200..RadComboBoxDropDown_Grid .rcbFooter
201.{
202.    border-top-color: #d5d5d5;
203.}
204. 
205..RadComboBoxDropDown_Grid .rcbItem em
206.{
207.    background: #e5e5e5;
208.}
209. 
210..RadComboBoxDropDown_Grid .rcbHovered
211.{
212.    background: #ffe27b;
213.    color: #000;
214.}
215. 
216..RadComboBoxDropDown_Grid .rcbSeparator
217.{
218.    background: #fcc365;
219.    color: #000;
220.}
221. 
222..RadComboBox_Grid .rcbDisabled .rcbInputCell .rcbInput, .RadComboBoxDropDown_Grid .rcbDisabled
223.{
224.    color: #999;
225.}
226. 
227..RadComboBox_Grid .rcbDisabled td.rcbInputCellLeft
228.{
229.    background-position: 0 -68px;
230.}
231..RadComboBox_Grid .rcbDisabled td.rcbInputCellRight
232.{
233.    background-position: 100% -68px;
234.}
235..RadComboBox_Grid .rcbDisabled td.rcbArrowCellLeft
236.{
237.    background-position: -126px -90px;
238.}
239..RadComboBox_Grid .rcbDisabled td.rcbArrowCellRight
240.{
241.    background-position: -108px -90px;
242.}
243..RadComboBox_Grid .rcbDisabled .rcbReadOnly td.rcbArrowCellRight
244.{
245.    background-position: -110px -90px;
246.}
247..RadComboBox_Grid table.rcbDisabled td.rcbArrowCellHidden, .RadComboBox_Grid .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden
248.{
249.    background-position: -123px -90px;
250.}
251..RadComboBox_Grid_rtl table.rcbDisabled td.rcbArrowCellHidden, .RadComboBox_Grid_rtl .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden
252.{
253.    background-position: -126px -90px;
254.}
255. 
256..RadComboBoxDropDown_Grid .rcbLoading
257.{
258.    background: #f0f0f0;
259.}
260. 
261..RadComboBoxDropDown_Grid .rcbMoreResults
262.{
263.    border-top-color: #c6c7d2;
264.    background-color: #fff;
265.    color: #8d8d8d;
266.}
267. 
268..RadComboBoxDropDown_Grid .rcbMoreResults a
269.{
270.    background-position: -157px -94px;
271.}
272. 
273. 
274.DIV.RadComboBox_Grid .rcbInputCell
275.{
276.    height: 15px; /* 18 */
277.}
278. 
279.DIV.RadComboBox_Grid .rcbInput
280.{
281.    font-size: 14px;
282.}
283. 
284.DIV.RadComboBox_Grid .rcbArrowCell
285.{
286.    height: 15px; /* 18 */
287.    font-size: 12px;
288.}
289. 
290.DIV.RadComboBoxDropDown_Grid .rcbHeader
291.{
292.    font-size: 14px;
293.    font-weight: bold;
294.}
295. 
296.DIV.RadComboBoxDropDown_Grid .rcbItem
297.{
298.    font-size: 12px;
299.}
300. 
301. 
302. 
303./* Custom */
304. 
305.div.RadComboBox_Grid table .rcbInputCell,
306.div.RadComboBox_Grid table .rcbArrowCell
307.{
308.    height: 15px;   
309.    line-height: 14px
310.    padding: 0;
311.}
312. 
313.div.RadComboBox_Grid table .rcbInputCell input,
314..statusCellReadOnly 
315.
316.    height: 15px
317.    line-height: 14px
318.    font:12px arial,verdana,sans-serif;  
319.    padding: 0
320.
321.   
322..RadComboBox_Grid .rcbInput,
323..RadComboBox_Grid .rcbArrowCell A 
324.
325.    height: 15px !important
326.

NOTE: as I couldn't attach css file I changed the extension to png. please change the extension back to css to view the Combobox.Grid css file.

Please help me on this issue.

Magdalena
Telerik team
 answered on 21 Jul 2015
1 answer
121 views

Editable grid active row gets deleted when delete key is pressed while using Key board Navigation.

how add javascript to override ActiveRow deletion for Delete key.

Konstantin Dikov
Telerik team
 answered on 21 Jul 2015
2 answers
107 views

Good morning,

 

I have a RadGrid with a Modal Template EditForm.  Everything is working as it should.

The user has requested that they be able to close the Modal EditForm Template by clicking outside the EditForm or by pressing Escape.

I have searched through the forums (and general Google searches) and can't quite get this.

These two threads haven't been any help:

Thread 1

Thread 2

How can I satisfy this request from the user?

Thanks in advance

SickPup404
Top achievements
Rank 1
 answered on 21 Jul 2015
7 answers
206 views
i want to export radgrid in excel with column names when column autogenerated property is false and columns are dynamically generated.

i had use this code

RadGrid1.MasterTableView.ExportToExcel(); 

but it export without header text.

i want to export with header text.
Daniel
Telerik team
 answered on 21 Jul 2015
1 answer
137 views

I have a grid that renders correctly in IE, pre version 11.  It renders substantially correct in document modes other than Edge (native IE11) mode in IE11.  I have attached a capture of the grid with mismatched headers and columns as rendered in Edge mode.  I have included the fragment of the .aspx that defines the grid.

TIA

        <div class="bbcontent" style="padding: 0">
                <telerik:RadGrid ID="TableAdminGrid" runat="server" GridLines="None" AllowPaging="True" 
                    AllowSorting="True" EnableEmbeddedSkins="False" Skin="LPSDesktop" PageSize="20" 
                    AllowFilteringByColumn="True" AllowMultiRowSelection="false"
                    PagerStyle-PageSizeLabelText="Page size" PagerStyle-PagerTextFormat="{4}{5} items in {1} page(s)">
                    <HeaderContextMenu EnableEmbeddedSkins="false">
                    </HeaderContextMenu>
                    <ClientSettings EnableRowHoverStyle="True">
                        <Selecting AllowRowSelect="True" />
                        <Scrolling UseStaticHeaders="True" ScrollHeight= "400px" AllowScroll = "true"/>
                        <Resizing AllowColumnResize="true" />
                        <ClientEvents OnFilterMenuShowing="FilterMenuShowing" />
                    </ClientSettings>
                    <MasterTableView>
                        <NoRecordsTemplate>
                            <div style="color:Red">No items found.</div>
                        </NoRecordsTemplate>
                        <Columns>
                            <telerik:GridTemplateColumn HeaderText="" UniqueName="EditColumn" AllowFiltering="false" ShowFilterIcon="false" ShowSortIcon="false" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:ImageButton ID="ImageButtonEdit" runat="server" ImageUrl="Images\document_edit.png" ToolTip="Edit" OnClick="GridEditImage_Click" />
                                </ItemTemplate>
                                <HeaderStyle Width="40px" />
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn HeaderText="" UniqueName="DeleteColumn" AllowFiltering="false" ShowFilterIcon="false" ShowSortIcon="false" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:ImageButton ID="ImageButtonDelete" runat="server" ImageUrl="Images\delete16.png" ToolTip="Remove" CommandName="Delete" OnClick="GridDeleteImage_Click" OnClientClick="SetRowToDelete(this.attributes['RowIndex'].value);" />
                                </ItemTemplate>
                                <HeaderStyle Width="40px" />
                            </telerik:GridTemplateColumn>
                        </Columns>
                    </MasterTableView>
                    <PagerStyle AlwaysVisible="true"  Mode="NextPrevAndNumeric" Position="Bottom" PageButtonCount="3" PagerTextFormat="{4}{5} items in {1} page(s)" PageSizeLabelText="Page size" />
                    <GroupingSettings CaseSensitive="false" />
                    <FilterMenu EnableEmbeddedSkins="False" OnClientShown="MenuShowing">
                    </FilterMenu>
                </telerik:RadGrid>
        </div>

Pavlina
Telerik team
 answered on 21 Jul 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?