Problem to customize css sitemap - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Problem to customize css sitemap

  • Problem to customize css sitemap
  • Hello everybody, I have a problem. I created a sitemap in the footer of my page, and I'm having trouble applying CSS to this element. I send the prints attached show how far and managed to get to where I gotta go. html code is given a width of 10% for every column, and can not eliminate it because it is inline (in the style attribute). Another problem is that each title in yellow need to put a bullet in front. I really need your help and thank you very much. Looking forward,



     

  • Hi Bruno,

    We have logged the issue with the inline styles that Navigation control sets and we plan to fix it in one of the next releases. At the moment you can override the inline styles with an important rule like shown below.
    .rsmLevel
    width: 16% !important;

    As for the second issue, your css should resemble the one below (change the values to the ones you need)
    .RadSiteMap .rsmTwoLevels .rsmItem
        font-size: 12px;
        padding-left: 10px;
        background: transparent url() no-repeat 0 0;
    .RadSiteMap .rsmTwoLevels .rsmLevel1 .rsmItem
        font-size: 11px;
        background-image: none;


    All the best,
    Katia
    the Telerik team