Kundo
|
Hello,
First I would like to that you guys for this great product. I purchased Artisteer yesterday and it it a real time saver. 
I have noticed that there is limited header support for DNN when it comes to changing the logo or moving the search box to the top.
Is it possible to modify the code and move the search box to the right corner of the header?
thank you.
|
| |
Kundo
|
Quote Kundo:
Hello,
First I would like to "thank you" guys for this great product. I purchased Artisteer yesterday and it it a real time saver.
I have noticed that there is limited header support for DNN when it comes to changing the logo or moving the search box to the top.
Is it possible to modify the code and move the search box to the right corner of the header?
thank you.
|
| |
Steven Webster
|
Kundo,
Artisteer does not seem to respond in these forums...more of a customer to customer support forum.
To answer your question....yes you can modify the skin output from Artisteer. I do this all the time.
Just declare your skin objects in the top of your page.ascx and add in your object where you want them. CSS to position and style and you're good.
|
| |
khamisos
|
Hello Steven,
you've mentioned that i can " declare your skin objects in the top of your page.ascx" u mean here any page right?!? but i can't navigate to my pages, please clarify!?!
|
| |
Steven Webster
|
If you open up your page.ascx file that Artisteer generates you'll see a list of declarations at the top of the page.
<%@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/breadcrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ARTMENU" Src="~/DesktopModules/ArtMenuSOMod/ArtMenuSO.ascx" %> <%@ Register TagPrefix="dnn" TagName="STYLES" Src="~/Admin/Skins/Styles.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/admin/Skins/copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/admin/Skins/terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/admin/Skins/privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TEXT" Src="~/admin/Skins/Text.ascx" %>
You need to add this to the bottom of that list
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
Then place your DNN search token in your skin within an outer div where you want it displayed. Make sure you give surround the search with a DIV and give it a class.
<div class="search">
<dnn:SEARCH runat="server" id="dnnSEARCH" CssClass="ServerSkinWidget" UseDropDownList="true" Submit="<img src="images/search.gif" border="0" alt="Search" />" />
</div>
Then add some CSS to position your "search" div
div.search {
...something
}
Hope this helps
|
| |
traiano
|
what do you mean position of div.search? give me an example...
thanks,
T
|
| |
Steven Webster
|
Artisteer build what is basically a CSS skin that position's DIVs on the page. It uses relative and absolute positioning to do this. If you look at the ASCX and CSS generated you'll see how Artisteer handles it.
When you add something new into the ASCX you need to also provide CSS to tell it where you want it to display (left, right, etc)
Here is some info on CSS positioning I've found helpful:
http://www.barelyfitz.com/screencast/html-training/css/positioning/
|
| |