Radwindow opens missing elements / structure...colliding css?

8 posts, 2 answers
  1. Ramjet
    Ramjet avatar
    51 posts
    Member since:
    Jul 2009

    Posted 27 Aug 2013 Link to this post

    Hello,

    I have a page on my site that will not play well with telerik...but it is only this one page. Everywhere else is fine so it must be something specific to the page but I've gone through commenting out lines trying to find the issue and have failed so I was hoping someone more knowledgeable might be able to help.

    I don't really know how to explain the problem so I put it up on my staging environment for you to see. If you click the Regional Dealers lower left you will see the overlay div and iframe render but the elements are scattered all over. Again I'm sure it has to do with my css competing but I can't find it???

    http://wholyliving.com/staging/

    Thank You
    JB
  2. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 28 Aug 2013 Link to this post

    Hello JB,

    The lack of order in the RadWindow elements means that its base stylesheet of the control is not loaded. This is usually controlled by the EnableEmbeddedBaseStylesheet property of the control, it must be set to true (which is its default value). Otherwise, you will need to register the base stylesheet of the control in the page manually. You can find it under the Skins folder in your RadControls installation - Window.css. It is also possible that this property is set in the RadWindowManager declaration.


    Regards,
    Marin Bratanov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ramjet
    Ramjet avatar
    51 posts
    Member since:
    Jul 2009

    Posted 03 Sep 2013 Link to this post

    Closer...but something is still out of alignment??? The css elements now show but repeat continuously across the screen.

    http://www.wholyliving.com/

    Click Regional Dealers lower left.
  5. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 04 Sep 2013 Link to this post

    Hello,

    I still do not see the base stylesheet requested on your site which makes me believe the RadWIndow has its EnableEmbeddedBaseStyleSheet property set to false.
    In the end, you can manually add this stylesheet to the page in the same manned in which you have added the Office2010Black skin-specific stylesheet.
    You can find it under the Skins folder in the RadControls installation - Window.css.


    Regards,
    Marin Bratanov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. Ramjet
    Ramjet avatar
    51 posts
    Member since:
    Jul 2009

    Posted 04 Sep 2013 Link to this post

    I am so sorry! I must have been reading your replies too fast and just jumped in my mind to the skin specific stylesheet. As you rightly assert adding the windows.css resolved the issue.

    One other thing though the EnableEmbeddedBaseStyleSheet has been set to true through this whole thing. I even set it to true specifically and still had to add the links to the specific stylesheets.  I don't know if that is a potential problem or not but I can upload the project if it would be helpful?

    Thank You again for the assistance
    JB
  7. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 04 Sep 2013 Link to this post

    Hello JB,

    It is good to hear things are working out.

    The base stylesheets can be disabled globally in the web.config: http://www.telerik.com/help/aspnet-ajax/introduction-skin-registration.html - see the end of the article.

    Another problem can arise if the <head> section does not have the runat="server" attribute, so you need to make sure it is present.

    If neither of this is the case you could send us a small sample where this behavior can be observed. To make it easier - we do not need any assemblies, nor the actual site logic/appearance, just the minimum that shows the problem.


    Regards,
    Marin Bratanov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  8. Ramjet
    Ramjet avatar
    51 posts
    Member since:
    Jul 2009

    Posted 04 Sep 2013 Link to this post

    Well that's interesting to me. In the web config I have not disabled embedded skins (checked that one already). However the <head> tag did NOT have runat server. I have never needed / done that before. So I googled and read up. In my opinion....and I'm no expert so I'd love to hear what you think, it would be better to not put runat in the head tag and just link to the stylesheet. The shopping part of the site is MVC 3.FWIW.

    <!--Register Telerik Skins Manually-->
        <link rel="stylesheet" type="text/css" href="CSS-Registration/Window.Office2010Black.css" />
        <link rel="stylesheet" type="text/css" href="CSS-Registration/Window.css" />

    JB

  9. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 05 Sep 2013 Link to this post

    Hi JB,

    The head is where stylesheets should be registered and this is what our controls attempt to do when they are created on the server (they are webforms server controls in the end). If they cannot access the head section (which is what will happen with no runat=server) they will not properly register their stylesheets. So, you could register them manually if that works for you. Whether you will need to add the runat attribute is a decision that I cannot help further with, because it depends on your entire project and requirements. If the solution you have now works for your - you can keep using it.


    Regards,
    Marin Bratanov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017