When I use the content editor to edit html to display an image nothing is shown? Below is the markup.
<p><img style="width: 304px; height: 228px;" title="" src="$ThemeDir/images/image1.jpg" alt="image1" /></p>
use themes/theme-name/images/image1.jpg instead
$ThemeDir is removed from SilverStripe 4.0 so used src="themes/theme-name/images/3.png"
Related
I'v made some charts using Google Charts Api that i want to display in NopCommerce Amin Panel. However i want to follow the existing layout but it dosn't work for me. Tried using tables, tr's td's, changing class on different tags but none of this works.
How would i go about displaying my charts with default admin layout?
This is what i want to display, just 4 simple divs:
<div id="chart_div1" style="width: 900px; height: 500px;">
</div>
<div id="chart_div2" style="width: 900px; height: 500px;">
</div>
<div id="chart_div3" style="width: 900px; height: 500px;">
</div>
<div id="chart_div4" style="width: 900px; height: 500px;">
</div>
The admin panel is showing it's just that i want the same coloured tables around my charts.
This is what it looks like now:
Thx
The central tables used in nopcommerce admin area are built with telerik controls.
Direct control over their editing is very limited.
Your best bet would be to imitate the tables styles in your own admin stylesheet to create the appearance of tables that look like the telerik theme.
DUPLICATE TELERIK STYLES
If you are using the default theme as you image indicates you can open:
\Content\2013.2.611\telerik.default.min.css
Copy the table styles you desire into your admin styles.css
\Administration\Content\styles.css
Any tables you add to the admin area will then look the same as the telerik grid.
Anyone please tell me what is the use of SkiplinkText property. I have seen example on the following link MSDN
But after executing that sample, i am not able to understand what is the use of that property.
Adding SkipLinkText="" to <asp:Menu> to avoid the rendering.
Ex:
The ASP.NET menu creates a skiplink which has 0x19 size and it is invisible in explorer, but it is rendered in chrome! So menu has an extra 19 pixels indent! How do I overcome this? Here is it's HTML:
<a href="#HeaderMenu1_Menu1_SkipLink">
<img alt="Skip Navigation Links" src="/WebResource.axd?d=ChOum_wTGSzbwK97BQPV0ITybaR8NYj0fCEsJDNZ46Dhv_eO5a-qipjyNL4I6aiynUitzcOuIwIjwyFX_snxVbyAZO7glY1Vhbd4zETG4j41&t=634280594527374621" width="0" height="0" style="border-width:0px;">
</a>
Add SkipLinkText="" to tag and this code won't be rendered.
This is the code that I currently have:
<img id="imgLoading" src="../../Content/images/uploading.gif" alt="#MyResource.LoadingText" />
and this is the rendered html:
<img id="imgLoading" src="../../Content/images/uploading.gif" alt="
Product list loading...
" style="display: inline; ">
the rendered html has undesired new line before and after resource text. Is this the proper way to localize image alt text?
Yeah, that's fine, it's valid HTML. Nothing to worry about. If you want to get rid of the new lines and whitespaces fix your RESX file.
This should be simple task but i am not been able to find the answer of it.
I am using CKEditor in my aspx pages and i want to display full URL path when user select any image there. Right now, when user select the path it shows like
<img alt="" src="/XXX/ckeditor/images/Desert.jpg" style="width: 960px; height: 720px; " />
i want to display it like
<img alt="" src="http://www.abc.com/XXX/ckeditor/images/Desert.jpg" style="width: 960px; height: 720px; " />
Any help will be much appreciated.
Thanks
one changes in code of imagebrowser.aspx since i am using the custom version of ckeditor with file upload functinality and i am good for now
This is my aspx code
<body >
<form id="_form1" runat="server" >
<div style=" width:100%; text-align:center;">
<div style="width:80%; margin:0 auto;" >
<asp:ContentPlaceHolder ID="_head" runat="server"></asp:ContentPlaceHolder>
</div>
</div>
</form>
</body>
in my ContentPlaceHolder I have
<div>
This is test...
</div>
When I run this application my html in IE8 renders as
<html>
...
<div>
<table>
<tr>
<td>
<div>
this is test
<div>
</td>
</tr>
</table>
<div>
...
</html>
now where is this table coming from and how do i change it ??
Thanks
What setup are you using? If you are at the beginning of a project and really concerned about the structure of the generated HTML, you may be interested in asp.NET MVC which is more web/html standards oriented.
EDIT - This is the output I get when I do what you say your doing, as far as I can tell from your question.
<body >
<form name="aspnetForm" method="post" action="WebForm1.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwMDUyNjYzMjhkZBdGjIzV2B+QZdda+0wRGTEHyQlg" />
</div>
<div style=" width:100%; text-align:center;">
<div style="width:80%; margin:0 auto;" >
<div>
This is test...
</div>
</div>
</div>
</form>
</body>
At least four possibilities exist
You're doing it wrong.
I'm doing it wrong but at least getting desired results.
We're both doing it wrong.
We are using different versions of asp.net, setting up our projects differently etc. more details may actually be helpful
Do you have a master page between your MasterPage you defined above and the content that you also defined above. The .NET framework doesn't auto insert tables, the only way that would get inserted in for a ContentPlaceHolder is if one is defined in a master page. Or another process was auto inserting the table structure in.
Also it is not apparent in the UI, but master pages can also have master pages, so make sure you don't have a master page in between that could be adding tables.
ASP.NET Renders as tables on certain internet browsers. On internet explorer, it renders as a table and on chrome it renders as a div tag.
I do not know exactly how to prevent this on default, but i used a .dll file called CSSFriendly which enabled me to render the menu as a list instead of a table as well. Perhaps you can try this out for the content placeholder.
Kind Regards