locked
Anybody knows how can I find documentation about the css classes? RRS feed

  • Question

  • I want find documentation about the css classes of the styles for html client  in order to modify the appearance of the pages.
    Thursday, December 12, 2013 1:01 PM

Answers

  • Hi Albert,

    We can define "myButton" in css file as:

    .myButton {
        cursor:pointer;
        width: 200px;
        height: 100px;
        border: none;
    }

    If we want to add image into the button, we need to use the code below:

    <button type="submit" style="border: 0; background: transparent">
        <img src="/images/Btn.PNG" width="90" height="50" alt="submit" />
    </button>

    In addition, we can use image replace the button.

    You can refer to the articles below:

    CSS image replacement for submit buttons

    http://www.ampsoft.net/webdesign-l/image-button.html

    HTML Tag: button

    http://htmldog.com/reference/htmltags/button/

    Hope it helps.


    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey.

    Thursday, December 19, 2013 1:52 AM

All replies

  • Hi Alberto,

    I am not sure what you are looking for.

    If you want to modify the appearance of the page, you may refer to the article below:

    CSS Grouping and Nesting Selectors

    14 Style Sheets

    Chapter 7: Manipulating Client-Side HTML

    If you want to know something about CSS Class, you may refer to the links below:

    WebControl.CssClass Property

    Style.CssClass Property

    Hope it helps.


    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey.

    Friday, December 13, 2013 2:42 AM
  • I want to know the schema of the elements of the .css by default (light theme) in order to modify it

    Thanks for the links.

    Tuesday, December 17, 2013 1:01 PM
  • I want to know the schema of the elements of the .css by default (light theme) in order to modify it and change the appearence of some elements, and which is the mapping between the elements of a lightswitch page and the classes of the .css page

    Tuesday, December 17, 2013 4:42 PM
  • Hi Alberto,

    I am not sure if I have understood you well. Based on my experience, you can enter F12 in IE to check and modify the .css file. The first three links I provided in the previous reply is the basic technology. You may read them and modify the .css file according your requirement.

    Please let me know if I have misunderstood you.


    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey.

    Wednesday, December 18, 2013 2:23 AM
  • Hi Yunjie,

    In IE 11 when I enter F12 I can´t see the .css file.

    I want to know for example, how to change the appearance of a button. I try to do via post_render code but the changes has no effect (using $(element).css ), so I want to try the change with the .css page but I don´t know what classes of the .css I have to change in order to do that.

    Regards

    Wednesday, December 18, 2013 11:37 AM
  • Hi Albert,

    We can define "myButton" in css file as:

    .myButton {
        cursor:pointer;
        width: 200px;
        height: 100px;
        border: none;
    }

    If we want to add image into the button, we need to use the code below:

    <button type="submit" style="border: 0; background: transparent">
        <img src="/images/Btn.PNG" width="90" height="50" alt="submit" />
    </button>

    In addition, we can use image replace the button.

    You can refer to the articles below:

    CSS image replacement for submit buttons

    http://www.ampsoft.net/webdesign-l/image-button.html

    HTML Tag: button

    http://htmldog.com/reference/htmltags/button/

    Hope it helps.


    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey.

    Thursday, December 19, 2013 1:52 AM