[Solved] CSS style for "bigModule"

[Josh]

Hi,

   In the following example CSS class "bigModule" has been used. http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/editmodes/defaultcs.aspx. Can any tell where this class is located.


Thanks,
Josh.

[Dimo]

Hello Josh,

The bigModule CSS class is defined in :

http://demos.telerik.com/aspnet-ajax/Common/qsf.css

...and uses the following background image:

http://demos.telerik.com/aspnet-ajax/Common/Img/qsfModuleTop.jpg

You will also need the following image, which is used for the bigModuleBottom CSS class:

http://demos.telerik.com/aspnet-ajax/Common/Img/qsfModuleBottom.gif


All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Josh]

Hi,

   I have used the following .bigModule class as..

.bigModule
{
width: 250px;
height:250px;
background-image: url(~/Login/images/qsfModuleTop.jpg);  // i have pasted image in follwing URL.
margin-bottom: 15px;
}

 

<div>
<asp:CheckBoxList CssClass="bigModule" ID="CheckBoxList1" runat="server">
<asp:ListItem Text="first one"></asp:ListItem>
<asp:ListItem Text="first one"></asp:ListItem>
<asp:ListItem Text="first one"></asp:ListItem>
</asp:CheckBoxList>
</div>

    But i didn't get the background image to CheckBoxList. I thought that URL was wrong and took a asp:image and tried for it, worked well(i was able to see image). Can anyone list why i could't see image for CheckBoxList.


Thanks,
Josh.

 

[Dimo]

Hello Josh,

The "~" sign cannot be used in CSS code. It is understood only by server controls. Please fix the URL.

Here is the CSS specification related to URLs:

http://www.w3.org/TR/CSS2/syndata.html#uri

Regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.