This is a migrated thread and some comments may be shown as answers.

CssClass, HoveredCssClasss, and PressCssClass are not working for me on the RadButton control. Why? Please correct

4 Answers 25 Views
Button
This is a migrated thread and some comments may be shown as answers.
PastorBurt
Top achievements
Rank 1
PastorBurt asked on 23 Jun 2015, 07:38 AM

Dear Telerik Forum:

I began testing your product for possible purchase yesterday.   I hope to use Css with your controls.   As of yet, I have not been able to get any of these three RadButton properties working:   CssClass, HoveredCssClasss, and PressCssClass.    

I reviewed all 21 RadButton demos you include within Telerik’s Live Demo’s.   I looked at the Properties of every single RadButton on all 21 of those pages;  hundreds of examples.   Surprisingly I found that there is not a single example on any of these pages where Telerik used any of these three properties -  CssClass, HoveredCssClasss, and PressCssClass - for anything.   Not even once were any of them used.

I decided to write you at the Forum, because I would think that other “Newbies” would benefit seeing the experience of one like themselves without any experience with your product upon which to draw from.  Obviously, I am doing something wrong, and amhoping you can correct my code:

I began with RadButton because I think this would likely be your simplest control.   Here are the steps I took to add it to my test page, “TelerikButtonTest.aspx”.  First, within my test ASP.Net website that does have MasterPages, I created a new page, “TelerikButtonTest.aspx”.  I attempted to then drag and drop a Telerik RadButton to this otherwise blank page.  Your Telerik system then complained that I should first drag and drop a RadScriptManager onto the page first.  I complied.   However, I wonder why there should have to be a RadScriptManager on this page, when I had already added a RadScriptManager to the sites MasterPage.  Since the MasterPage is treated by VS as part of webpages include it, why couldn’t Telerik system use the RadScriptManager already available for its use.   Does this mean that a RadScriptManager has to be copied to every single webpage and component in the website that uses Telerik controls?  Why?

I then create a new “.Css” page, “TestSyleSheet.css”, and added three classes to it as follows:

.RadButtonDefault
{
    background-color: Yellow;
}

.RadButtonHover:hover
{
    background-color: Orange;
}

.PressCssClick
{
    background-color: Red;
}

Returning to the “TelerikButtonTest.aspx” page, I then added these three classes – “RadButtonDefault”, “RadButtonHover”, and “PressCssClick” – to their waiting properties as follows:

<telerik:RadButton ID="RadButton1" runat="server" CssClass="RadButtonDefault" ResolvedRenderMode="Classic" Text="RadButton"
HoveredCssClass="RadButtonHover"  onclick="RadButton1_Click" PressedCssClass="PressCssClick"></telerik:RadButton>

I then right clicked on the Designer for this TelerikButtonTest.aspx page and selected “View in Browser”.   I had hoped that when the page displayed in the browser, that I would see “Yellow” as the  background for the RadButton. I did not see that, but instead only the gray of a the RadControl bear.   I ran my mouse over the top of the running RadButton control, expecting then to see the control in Orange.   No Orange was seen, but the RadControl remained gray. Lastly, I clicked the running RadButton control expecting to see Red now covering the button.   Again I was disappointed because for the third time the control remained gray.  As trivial as this test was, I must be doing something wrong.  Please advise what is wrong with this code.

I am attaching the source as I described here.  Please advise what is wrong, and how then to get these three properties working.  I've tried to phrase my question as simply as possible.  Please advise what is wrong within my code.

Your attention to this matter is appreciated.

Sincerely,

Pastor Burt

4 Answers, 1 is accepted

Sort by
0
PastorBurt
Top achievements
Rank 1
answered on 26 Jun 2015, 01:03 AM

Come on folks.   Your lack of dedication to this product is disappointing.   Who will buy your product if your simplest control, the Button, doesn't work?   Look, I think I see what is wrong here.   Once upon a time, when this product was starting, there was a realization that this product should support CSS, and that controls would be responsive.   So of course, the architects initially provided for not only background colors, but a hover property, and a final key click color.   But along the way, others put forth the need for Skins and Themes,so those got added in.   But unfortunately in doing so, you broke your own code.   This is why today, there is not one demo with even one example of these properties being used because the CssClass properties for Hover, and PressCssClick apparently do absolutely nothing.   Now given that this Button's properties don't work and it is Telerik's simplest control, this likewise suggest that this failure may likely flow throughout Telerik's entire product line.   What's wrong here?   A lack of quality control, and a missing dedication to detail and excellence.    So do I or others buy such a compromise?    Not if they have any professional self-respect.

This is what I have done in the last few days while fuming at your incompetence.  I created my own Button control, because I can't find any manufacturer that has produced anything at the level I require.   The control I have produced is a 4 phase CSS button, supporting images on either side:  The button supports CSS classes, such as Hovering while yours does not.   That is the button will display an image on either side, and the text of any size can be aligned either right or left whereas your control the text is stuck dead in the middle.   The button takes a beginning color, but then in a hovering state the background goes to Yellow with Black text or any other colors you decide.  Click on the button and like a stoplight the color changes from Yellow and Black to Green and White.   And then after a slight delay, the button then changes finally to Red with White text indicating completion.   So here I now  have a 4 phase dynamic CSS button:  A color of your choice moving like a stoplight then through Yellow and Black, to Green and White, and finally resting on Red and White.    This Telerik button you seem to be content with has just a couple of images which is nice but with little or no CSS integration, but beyond that it is essentially just another stagnant do-nothing ASP.Net button.

The reason I have been considering Telerik is because I need for my site my that I am creating the finest in everything.   I need the finest buttons, and also I have a need for a CardView supportive grid.   To my knowledge Telerik has at least in the past been about the only control manufacturer which did have a CardView supportive grid.   But now when I look at your newest product today, I am disappointed again:   All the CardView demos you did have with the product have been taken down.    Your site no longer advertises supporting CardView in its Grid whatsoever.   Why?   Is this another incident like with the Button, that features which one time worked no longer are supported;   That the product itself lacks a dedication to excellence and continuing support?    I hope not.   But if Telerik’s CarView is no longer real, I will have lost the reasoning for even considering to buy your product.   Who’s fault is that slackers.

Don’t give me an excuse or tell me I should have presented this as a ticket.   You site advertises that user have the option to open either by opening a ticket or a posting on your Forum.   Up to now, your product has only wasted my time and you are not impressing me.   All right slackers, I throw this challenge down before you.   Are you going to support your product, or like cowards lacking dedication simply delete my question and return to mediocrity?  After all, who really cares today about excellence anyway?   Telerik maybe?  Who knows.
  
Sincerely,

Pastor Burt

 

0
Danail Vasilev
Telerik team
answered on 28 Jun 2015, 12:19 PM
Hello Pastor Burt,

First let me start with the fact that the RadButton control is not a simple control but a more complex one because it provides many features like image buttons, checkboxes, radio buttons, custom toggle buttons, split button, button with content template, single click functionality, lightweight and classic renderings, etc.. That being said a particular functionality requires a certain set of properties configuration. You can find more information about the button's functionality in the demos and documentation.

Now, back to your questions:

1) RadScriptManager requirement - The ScriptManager is a requirement for ASP.NET server-side controls. You can read more information about it here - https://msdn.microsoft.com/en-us/library/system.web.ui.scriptmanager%28v=vs.100%29.aspx. The RadScriptManager is built on top of the standard ASP:ScriptManager and offers an additional functionality like combining scripts and custom CDN. You can read more about it here - http://docs.telerik.com/devtools/aspnet-ajax/controls/scriptmanager/overview. Telerik UI for ASP.NET AJAX controls work properly with either ScriptManager. As for master/content page scenarios it is fine to place the ScriptManager only on the master page (http://forums.asp.net/t/1114776.aspx?How+to+use+script+manager+control+in+master+pages).

2) CssClass, HoveredCssClasss, and PressCssClass - These properties of the RadButton work properly.  You should, however, consider the following:
     - RadButton has by default classes for standard, hovered and pressed states. That being said you should use selectors with higher priority in order to override the current ones. You can examine the rendered markup to see which are the these selectors, so they can be used in the new CSS cascade.
     - RadButton with ButtonType property set to"StandardButton" (default button type) uses sprite images for its background color. Therefore if you use this button type you should create a new sprite that overrides the current one. I can suggest, however, that you either use ButtonType="SkinnedButton" or switch to RenderMode="Lightweight" where is used semantic HTML and CSS3. This would also let you change the appearance of the states easier, for example:
CSS:
<style>
    .RadButton.RadButton_Default.rbLinkButton.rbRounded.RadButtonDefault {
        background-image:none;
        background-color: Yellow;
    }
 
    .RadButton.RadButton_Default.rbLinkButton.rbRounded.RadButtonHover {
        background-color: Orange;
    }
 
    .RadButton.RadButton_Default.rbLinkButton.rbRounded.PressCssClick {
        background-color: Red;
    }
</style>
ASPX:
<telerik:RadButton ID="RadButton1" ButtonType="SkinnedButton" runat="server" Text="Click" CssClass="RadButtonDefault" HoveredCssClass="RadButtonHover" PressedCssClass="PressCssClick" />

of course you can use gradient colors as well.

3) Responsive capabilities and skinning - The RadButton offers responsive capabilities like elastic and fluid design - You can read more information about them in these articles - Elastic design and Fluid design. As for the skinning we offer the free Visual Style Builder that lets you create a new skin out of an existing one for the Classic render mode. More information is available here - http://docs.telerik.com/devtools/aspnet-ajax/visual-stylebuilder/overview. We are also working on creating a new theme builder for the Lightweight and Mobile render modes. You can expect it in the upcoming months.

4) Image Buttons and Button with icons - RadButton can be configured as a pure image button, text and icons (left/right aligned) or event with a custom content. You can examine the following demos for details on the matter:
  - Image Buttons
  - Custom Icons and Embedded Icons
  - Content Template

5) CardView Grid Demos - The purpose of these demos were to simulate a ListView appearance with the RadGrid. Considering the fact, however, that we have a such control now - RadListView, these demos are no longer necessary and hence removed.

6) Forum questions and response time - It is fine to ask questions in the forum of the corresponding Telerik UI for ASP.NET AJAX control. Note, however, that forum threads are not guaranteed with a response from Telerik like it is with support tickets (24hours response time) and trial accounts (72 hours response time). Nevertheless we try to answer forum threads as well when possible.


Regards,
Danail Vasilev
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Pastor
Top achievements
Rank 1
answered on 04 Jul 2015, 02:40 AM

Dear Danail Vasilev:

Thank you for your response.    Concerning CSS Button capacity, I took your code, placed it within my Component test page, and ran it.   Your code works.   I appreciate your response.  

In the future it would be best that you reply sooner than later.   By not responding promptly you frustrate developers who are left with the evidence that you are simply ignoring them.   Rather than testing out other Telerik components which could be valuable I was left doing without, and instead spending days creating my own User Control buttons that do exactly what I requite.   Attached please find, three images giving examples of the CSS integration these alternatives accomplish.  

It would have been much more productive for me if my inquiry had been answered earlier, not later.

Thank you for your information that CardView Grid capacity is now supported within the RadListView.   I have downloaded the product, installed it, and will now see if this RadListView has the capacity I my project requires.   I will submit a  ticket if I have further questions on this.

Sincerely, 

Pastor Burt

 

0
Danail Vasilev
Telerik team
answered on 06 Jul 2015, 01:15 PM
Hi Pastor,

I am glad you have managed to get the expected behavior from the RadButton control!

Regarding the forum posts replies - as already stated in my previous post forum questions are not guaranteed with answer from Telerik nor they are obliged with any time frames. Nevertheless we try to answer them when it is possible but that depends on the work load.

On a side note - support tickets which require a subscription are guaranteed with 24-hour response time while trials are guaranteed with 72-hour response time. You can learn more information about the DevTools Supporting Plans in the following article - http://www.telerik.com/purchase/support-plans/devtools

Regards,
Danail Vasilev
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Button
Asked by
PastorBurt
Top achievements
Rank 1
Answers by
PastorBurt
Top achievements
Rank 1
Danail Vasilev
Telerik team
Pastor
Top achievements
Rank 1
Share this question
or