Managing styles and design of App themes

In a few cases, you may power the inherent backing for ASP.NET themes. You can utilize them to set styles for controls that don't have their CSS class name, for example, Datagrid, Calendar or web parts with complex dialogs (logon structure, enrollment structure, ...).

Themes must be characterized in an organizer spotted under the App_themes directory. The name of this envelope needs to be the same as the code name of the site's CSS stylesheet. So assuming that you utilize the Green stylesheet on your site, your themes must be put away in the App_themes\green sub-organizer.


Skins for your controls must be added to the Default.skin document under this folder. Here's a case of a skin for the Cmscalendar control / Calendar web part:

<cms:CMSCalendar Runat="server">
  <NextPrevStyle ForeColor="Red"></NextPrevStyle>
  <WeekendDayStyle BackColor="#E0E0E0"></WeekendDayStyle>
</cms:CMSCalendar>

The code above defines the appearance of the calendar control. You can see this control on the Events page of the sample Corporate Site.


Ray Business Technologies Pvt Ltd, www.raybiztech.com , is a global Information Technology (IT) Services and Solutions company. Raybiztech offers comprehensive end-to-end IT Services for Business Application Development & Maintenance, Enterprise Solutions, Testing & Quality Assurance, Embedded Systems, Cloud Computing and IT Infrastructure Management to organizations in the Banking & Financial Services, Insurance & Healthcare, Life Sciences, Manufacturing, Retail, Distribution & Logistics, Media & Entertainment, Leisure & Travel, Communication, Energy & Utilities, Federal Government verticals and Independent Software Vendors. Raybiztech's innovative IT Solutions in Enterprise Resource Planning (ERP), Enterprise Portals and Content Management (EPCM), Customer Relationship Management (CRM), and Enterprise Mobility including Product Development and Life-Cycle Support, have resulted in significant strategic and cost advantage for their clients worldwide.

Raybiztech is now leading the way in powering next-generation enterprises with its Cloud, Mobility, Big Data and Social Media solutions. Our excellent team of Technology Professionals work with enterprise clients in North America, Latin America, Australia, Europe, Middle East and Asia.

Managing CSS Styles

The design of the site depends on standard CSS styles. Every site has its global CSS stylesheet that could be chosen in Site Manager -> Sites -> ... edit site ... -> General. Here you can also pick an alternate stylesheet for the site's WYSIWYG editors.


Each page can override the worldwide site stylesheet. You can assign a stylesheet to a particular page by altering its relating document in CMS Desk -> Content -> Properties -> General and utilizing the CSS stylesheet selector. The actual substance of the picked stylesheet might be gotten to by clicking the Edit button.

All stylesheets in the framework might additionally be overseen in Site Manager. When you are in CMS Desk, you can easily switch to Site Manager by clicking the Site Manager connect in the header:

Edit() the Corporate Site stylesheet:

The point when changing a stylesheet, you can utilize the NavigateToDocument Preview button within the header to view the site's pages side-by-side with the CSS code. This permits you to instantly check how changes influence the appearance of the site. Kindly note that while the preview works instantly, you may need to clear your browser before the new CSS design is reflected on the actual live site.

Ray Business Technologies Pvt Ltd, www.raybiztech.com , is a global Information Technology (IT) Services and Solutions company. Raybiztech offers comprehensive end-to-end IT Services for Business Application Development & Maintenance, Enterprise Solutions, Testing & Quality Assurance, Embedded Systems, Cloud Computing and IT Infrastructure Management to organizations in the Banking & Financial Services, Insurance & Healthcare, Life Sciences, Manufacturing, Retail, Distribution & Logistics, Media & Entertainment, Leisure & Travel, Communication, Energy & Utilities, Federal Government verticals and Independent Software Vendors. Raybiztech's innovative IT Solutions in Enterprise Resource Planning (ERP), Enterprise Portals and Content Management (EPCM), Customer Relationship Management (CRM), and Enterprise Mobility including Product Development and Life-Cycle Support, have resulted in significant strategic and cost advantage for their clients worldwide.

Raybiztech is now leading the way in powering next-generation enterprises with its Cloud, Mobility, Big Data and Social Media solutions. Our excellent team of Technology Professionals work with enterprise clients in North America, Latin America, Australia, Europe, Middle East and Asia.

Modifications On Web part

Web part cloning 

In the event that you have to duplicate or adjust the conduct of some web part, you can clone the web part. It ensures that your progressions won't be overwritten with the closest update.

Can clone a web part in Site Manager -> Development -> Web parts. Pick the original web part and clickclone web part. At that point, you can alter the web part's code in Visual Studio.


Layout of Web part 

Custom web part layouts permit you to change the design of web parts. It's helpful in the need that you have to change the appearance of a dialog or hide a field.

In Kentico CMS Desk, pick the Designtab, open the web part's properties dialog and switch to the Layout tab. Here you can decide to make another format and adjust its HTML code.

Please note: you generally need to keep all ASP.NET controls in the layout. In the event that you have to hide a portion of the controls, just add the Visible="False" attribute to the control.


Inheritance Of a Web part

Inheritance of Web part permits you to make web parts with preset qualities for a specific reason. You can, for instance, make a specific web part for showing news, inherited from the Repeater web part. You must characterize default values for the relevant properties so that the Repeater web part shows items without additional configuration. It may accelerate your work.

Can make an inherited web part by going to Site Manager -> Development -> Web parts, clicking new web part and deciding to inherit from an existing web part.

Ray Business Technologies Pvt Ltd, www.raybiztech.com , is a global Information Technology (IT) Services and Solutions company. Raybiztech offers comprehensive end-to-end IT Services for Business Application Development & Maintenance, Enterprise Solutions, Testing & Quality Assurance, Embedded Systems, Cloud Computing and IT Infrastructure Management to organizations in the Banking & Financial Services, Insurance & Healthcare, Life Sciences, Manufacturing, Retail, Distribution & Logistics, Media & Entertainment, Leisure & Travel, Communication, Energy & Utilities, Federal Government verticals and Independent Software Vendors. Raybiztech's innovative IT Solutions in Enterprise Resource Planning (ERP), Enterprise Portals and Content Management (EPCM), Customer Relationship Management (CRM), and Enterprise Mobility including Product Development and Life-Cycle Support, have resulted in significant strategic and cost advantage for their clients worldwide.

Raybiztech is now leading the way in powering next-generation enterprises with its Cloud, Mobility, Big Data and Social Media solutions. Our excellent team of Technology Professionals work with enterprise clients in North America, Latin America, Australia, Europe, Middle East and Asia.

On Your website Adding Custom Code

The simplest path how to embed custom code into an portal engine-based site is utilizing standard ASCX client controls. This subject will demonstrate to you industry standards to do this. Assuming that you are not acquainted with Visual Studio development can avoid this topic.

Example on Current Time 

In this case, we will make a simple user control (ASCX) utilizing Visual Studio and incorporate it into our home page.

Open the site project utilizing the Webproject.sln file that is put in the folder where you deployed the site. Right-click the web project root in the Solution Explorer window and click the Add new item... option. Decide to make another Web User Control and set its name to Gettime.ascx. You can set the programming language option to either Visual C# or Visual Basic.

Select Add. Switch to the Design tab, drag and drop the following controls and set their properties:

Button control:

•ID: Button1

•Text: Get time

Label control:

•ID: Label1

•Text: <clear the value>

Add the following code to the Button1_Click method, Double-click the Get time button :

[C#]

Label1.Text = DateTime.Now.ToString();

[VB.NET]

Label1.Text = DateTime.Now.ToString()

Saveboth the ASCX and ASCX.CS files.

Including the user control on the page Log in to Kentico CMS Desk, chose the Home page and click Design. Add () a General -> User control web part to the Main zone. Enter the following value into the web part's User control virtual path property: ~/GetTime.ascx
Web parts versus User controls The ~ character represents the root of your web application. Click OK. Click the Live site mode and now you can see the user control inserted onto the page. When you click the Get time button now, the current date and time is displayed next to the button:

An alternate choice how to embed custom code onto a page is to make your own particular web part. A web part is essentially additionally an ASCX user control, yet it inherits some institutionalized properties and strategies from the CMSAbstractWebPart class. You should build web parts in situations where you have to make re-usable, parameterized user controls. The development of web parts is described in the next chapter.


Ray Business Technologies Pvt Ltd, www.raybiztech.com , is a global Information Technology (IT) Services and Solutions company. Raybiztech offers comprehensive end-to-end IT Services for Business Application Development & Maintenance, Enterprise Solutions, Testing & Quality Assurance, Embedded Systems, Cloud Computing and IT Infrastructure Management to organizations in the Banking & Financial Services, Insurance & Healthcare, Life Sciences, Manufacturing, Retail, Distribution & Logistics, Media & Entertainment, Leisure & Travel, Communication, Energy & Utilities, Federal Government verticals and Independent Software Vendors. Raybiztech's innovative IT Solutions in Enterprise Resource Planning (ERP), Enterprise Portals and Content Management (EPCM), Customer Relationship Management (CRM), and Enterprise Mobility including Product Development and Life-Cycle Support, have resulted in significant strategic and cost advantage for their clients worldwide.

Raybiztech is now leading the way in powering next-generation enterprises with its Cloud, Mobility, Big Data and Social Media solutions. Our excellent team of Technology Professionals work with enterprise clients in North America, Latin America, Australia, Europe, Middle East and Asia.

Widgets Containers

Widgets or Web parts could be designed to show just their substance or they might be rendered inside a "container". The container comprises of HTML code that is set previously, then after the fact the web part. 

Switch to CMS Desk, select the Community document in the substance tree and click Live site. The repeater web part showing the most recent blog entries utilizes the Corporate Site.

- Content box container: 

Containers are helpful when you have to sort out the page design into particular boxes. You can pick a Containers for web parts or widgets when you arrange their properties.

example of the Corporate site - Content box container's code:

HTML code:

<div class="contentBox">
<div class="head"><h3 class="{%ContainerCSSClass%}">{%ContainerTitle%}</h3>
   <div class="details">Details</div>

 </div>
<div class="content">
   -Web part placeholder-
</div>
</div><div class="clear"></div>

As should be obvious the container is made out of basic HTML code. The position of the web part content is spoken to in the code by a placeholder, so you can include both opening and closing components. Div or Table components might be utilized together with CSS classes to actualize the container. The CSS classes might either be characterized in the site template or mainly in the CSS styles field.

The{%containertitle%}macro interpretation demonstrates where the container title to be shown. The content of the title may be specified when designing the properties of a web part and it is progressively determined when the web part is shown. The same applies to the {%containercssclass%} macro, which might be utilized to alertly set the CSS class of the container.

Ray Business Technologies Pvt Ltd, www.raybiztech.com , is a global Information Technology (IT) Services and Solutions company. Raybiztech offers comprehensive end-to-end IT Services for Business Application Development & Maintenance, Enterprise Solutions, Testing & Quality Assurance, Embedded Systems, Cloud Computing and IT Infrastructure Management to organizations in the Banking & Financial Services, Insurance & Healthcare, Life Sciences, Manufacturing, Retail, Distribution & Logistics, Media & Entertainment, Leisure & Travel, Communication, Energy & Utilities, Federal Government verticals and Independent Software Vendors. Raybiztech's innovative IT Solutions in Enterprise Resource Planning (ERP), Enterprise Portals and Content Management (EPCM), Customer Relationship Management (CRM), and Enterprise Mobility including Product Development and Life-Cycle Support, have resulted in significant strategic and cost advantage for their clients worldwide.

Raybiztech is now leading the way in powering next-generation enterprises with its Cloud, Mobility, Big Data and Social Media solutions. Our excellent team of Technology Professionals work with enterprise clients in North America, Latin America, Australia, Europe, Middle East and Asia.

Visual Inheritance Configuring In Kentico

In a few cases, you may need to hide a few parts of the parent page. There are a few routes how to attain that:

Property of the page template using the "Inherit content" 

Select the /news page, go to its properties -> Template tab and click the edit template properties action. you can set the inherit content value to select inherited levels and check just the level 1 box. This implies that just the content from the first level of the content hierarchy will be shown and the root expert page (Level 0) is not inherited. Click save to confirm the changes.

Page will appear like this : 

click  Save when Set the value back to inheritance from Level0

Correspondingly, can set the content inheritance on the level of individual pages using the properties -> Template dialog. The content inheritance settings you design for reports override the settings of the assigned page template.

Web Part property using the "Hide on sub-pages" 

Property called Hide on sub-pages has every web part . If you check the box, the web part is covered up on pages where it is inherited from a parent page.

Kentico Webpart property Using the "Show for document types"

The Show for document types property permits you to characterize a list of document types for which the web part will be shown. To perceive how it functions, select /Community/blogs/andrew Jones Blog in the content tree. On the Design tab, click (Configure) for the Header text, Description text or Blogs filter web part. Every one of them have the Show for document types property set to CMS.BlogMonth;CMS.Blog. This implies that the web part might be shown on online blog month and website blog, not on blog post which are stored under blog months. Click Cancel. 

As of now review the Andrew Jones Blog report, switch to the Live webpage mode. The header content, description content and channel are all shown above the repeater showing blog posts.

When you show some specific blog post, the web parts are not shown on the CMS.BlogPost is not around the listed document types.

You have figured out how to break inheritance of content, hide content on subpages and how to show content dependent upon the current document type.

Ray Business Technologies Pvt Ltd, www.raybiztech.com , is a global Information Technology (IT) Services and Solutions company. Raybiztech offers comprehensive end-to-end IT Services for Business Application Development & Maintenance, Enterprise Solutions, Testing & Quality Assurance, Embedded Systems, Cloud Computing and IT Infrastructure Management to organizations in the Banking & Financial Services, Insurance & Healthcare, Life Sciences, Manufacturing, Retail, Distribution & Logistics, Media & Entertainment, Leisure & Travel, Communication, Energy & Utilities, Federal Government verticals and Independent Software Vendors. Raybiztech's innovative IT Solutions in Enterprise Resource Planning (ERP), Enterprise Portals and Content Management (EPCM), Customer Relationship Management (CRM), and Enterprise Mobility including Product Development and Life-Cycle Support, have resulted in significant strategic and cost advantage for their clients worldwide.

Raybiztech is now leading the way in powering next-generation enterprises with its Cloud, Mobility, Big Data and Social Media solutions. Our excellent team of Technology Professionals work with enterprise clients in North America, Latin America, Australia, Europe, Middle East and Asia.

Kentico CMS Visual Inheritance

Utilizing Page placeholder web parts is shown the content of sub-pages.The output of this approach is that the sub-page content is "nested" inside the content of higher-level pages. The picture demonstrates the root ( master page) without nested substance: 

and here in the masterpage the home page nested inside :

Have a look how the pages are organized in the substance tree: the root ( master page) is the parent of the Home page which is stacked inside the masterpage page.You can perform nesting recursively at any level of the content tree. An important segment for page nesting is the page placeholder web part. This web part must be set on the master page and it indicates the spot where the underlying page will be embedded. The Page placeholder on the Kentico Corporate Site root stacks the sub-pages between the main menu and footer:

Ray Business Technologies Pvt Ltd, www.raybiztech.com , is a global Information Technology (IT) Services and Solutions company. Raybiztech offers comprehensive end-to-end IT Services for Business Application Development & Maintenance, Enterprise Solutions, Testing & Quality Assurance, Embedded Systems, Cloud Computing and IT Infrastructure Management to organizations in the Banking & Financial Services, Insurance & Healthcare, Life Sciences, Manufacturing, Retail, Distribution & Logistics, Media & Entertainment, Leisure & Travel, Communication, Energy & Utilities, Federal Government verticals and Independent Software Vendors. Raybiztech's innovative IT Solutions in Enterprise Resource Planning (ERP), Enterprise Portals and Content Management (EPCM), Customer Relationship Management (CRM), and Enterprise Mobility including Product Development and Life-Cycle Support, have resulted in significant strategic and cost advantage for their clients worldwide.

Raybiztech is now leading the way in powering next-generation enterprises with its Cloud, Mobility, Big Data and Social Media solutions. Our excellent team of Technology Professionals work with enterprise clients in North America, Latin America, Australia, Europe, Middle East and Asia.